:root{--bg: #0a0510;--bg-soft: #120a1c;--text: #f4f1f8;--muted: #a99cc0;--border: rgba(255, 255, 255, .08);--accent: #ef6ea3;--accent-2: #a855f7;--accent-3: #6ee7ff;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .09);--shadow: 0 30px 80px -20px rgba(168, 40, 100, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 800px at 15% -10%,#2a1030 0%,transparent 60%),radial-gradient(1000px 700px at 110% 10%,#16123a 0%,transparent 55%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a05108c;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px -4px #ef6ea399;transform:perspective(200px) rotateX(10deg) rotateY(-10deg)}.brand-logo{object-fit:cover;background:transparent;box-shadow:none}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 12px 30px -10px #ef6ea399}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px #ef6ea3bf}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--card-border)}.btn-ghost:hover{background:#ffffff14}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.hero{position:relative;padding:96px 24px 64px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding-top:56px;text-align:center}.hero-copy .eyebrow,.hero-cta{justify-content:center}}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--card-border);color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-bottom:22px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 12px var(--accent-3)}.hero h1{font-size:clamp(36px,5.4vw,60px);line-height:1.06;letter-spacing:-.03em;margin:0 0 20px;font-weight:800}.hero h1 .grad{background:linear-gradient(120deg,var(--accent),var(--accent-2) 50%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--muted);font-size:17px;max-width:480px;margin:0 0 32px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:32px;margin-top:44px}@media (max-width: 900px){.hero-stats{justify-content:center}}.hero-stats .stat b{display:block;font-size:24px;font-weight:800}.hero-stats .stat span{color:var(--muted);font-size:13px}.scene{perspective:1400px;display:flex;justify-content:center;align-items:center;min-height:420px}.scene-stage{position:relative;width:320px;height:400px;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.card-3d{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:linear-gradient(160deg,#ffffff14,#ffffff04);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);transform:translateZ(0);overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.card-3d .avatar-row{display:flex;align-items:center;gap:12px;transform:translateZ(50px)}.card-3d .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.card-3d .name{font-weight:700;font-size:14px}.card-3d .handle{color:var(--muted);font-size:12px}.card-3d .media{flex:1;margin:18px 0;border-radius:18px;background:linear-gradient(145deg,#351a3f,#1b0f2e);transform:translateZ(70px);position:relative;overflow:hidden}.card-3d .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(239,110,163,.5),transparent 55%),radial-gradient(circle at 80% 80%,rgba(110,231,255,.35),transparent 50%)}.card-3d .stats-row{display:flex;gap:18px;transform:translateZ(40px)}.card-3d .stats-row div{font-size:12px;color:var(--muted)}.card-3d .stats-row b{color:var(--text);font-size:14px;display:block}.float-orb{position:absolute;border-radius:50%;filter:blur(2px);transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.orb-1{width:90px;height:90px;top:-30px;left:-50px;background:radial-gradient(circle,var(--accent-3),transparent 70%);opacity:.6;animation-delay:0s;transform:translateZ(120px)}.orb-2{width:60px;height:60px;bottom:-20px;right:-30px;background:radial-gradient(circle,var(--accent-2),transparent 70%);opacity:.55;animation-delay:1.2s;transform:translateZ(150px)}.orb-3{width:40px;height:40px;top:40%;right:-60px;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.5;animation-delay:2.4s;transform:translateZ(100px)}@keyframes float{0%,to{transform:translateZ(120px) translateY(0)}50%{transform:translateZ(120px) translateY(-18px)}}section{padding:64px 24px}.section-head{text-align:center;max-width:620px;margin:0 auto 48px}.section-head h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 14px;letter-spacing:-.02em}.section-head p{color:var(--muted);margin:0}.grid-3{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 860px){.grid-3{grid-template-columns:1fr}}.feature-card{padding:28px 24px;border-radius:20px;background:var(--card);border:1px solid var(--card-border);transform-style:preserve-3d;transition:transform .25s ease,background .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-6px) rotateX(4deg);background:#ffffff0f;border-color:#ef6ea366}.feature-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;background:linear-gradient(135deg,#ef6ea340,#a855f740);margin-bottom:18px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.cta-band{max-width:1180px;margin:24px auto 64px;padding:56px 40px;border-radius:28px;text-align:center;background:linear-gradient(135deg,#ef6ea329,#a855f724);border:1px solid var(--card-border);position:relative;overflow:hidden}.cta-band h2{font-size:clamp(24px,3.4vw,34px);margin:0 0 14px}.cta-band p{color:var(--muted);margin:0 0 28px}.cta-band .hero-cta{justify-content:center}.auth-wrap{min-height:calc(100vh - 260px);display:flex;align-items:center;justify-content:center;padding:60px 24px}.auth-card{width:100%;max-width:420px;padding:40px 32px;border-radius:24px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow)}.auth-card h1{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.auth-card p.sub{color:var(--muted);font-size:14px;margin:0 0 28px}.field{margin-bottom:16px;text-align:left}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff08;color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--accent)}.auth-card .btn{width:100%;padding:13px 0;margin-top:6px}.msg{font-size:13.5px;padding:12px 14px;border-radius:12px;margin-bottom:16px}.msg-error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.msg-success{background:#34d3991f;color:#6ee7b7;border:1px solid rgba(52,211,153,.25)}.auth-back{display:block;text-align:center;margin-top:20px;font-size:13px;color:var(--muted);text-decoration:none}.auth-back:hover{color:var(--text)}.policy-card{background:#fdfbff;color:#1f2328;border-radius:24px;padding:40px 44px;box-shadow:var(--shadow)}@media (max-width: 640px){.policy-card{padding:28px 22px}}.policy-card h1{font-size:26px;margin:0 0 24px;letter-spacing:-.02em}.policy-content{font-size:15px;line-height:1.7}.policy-content h2{font-size:19px;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e5e9}.policy-content h3{font-size:15px;margin:20px 0 8px}.policy-content p,.policy-content li{margin:0 0 12px}.policy-content ul,.policy-content ol{padding-left:22px;margin:0 0 12px}.policy-content a{color:var(--accent)}.policy-content table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}.policy-content th,.policy-content td{text-align:left;padding:8px 10px;border:1px solid #e2e5e9}.store-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.store-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.store-btn:hover{transform:translateY(-2px);border-color:#ef6ea366}.store-btn svg{width:22px;height:22px;flex-shrink:0}.store-btn .store-label{text-align:left;line-height:1.25}.store-btn .store-label small{display:block;font-size:11px;color:var(--muted)}.store-btn .store-label span{display:block;font-size:14.5px;font-weight:700}.footer{border-top:1px solid var(--border);padding:48px 24px 32px;margin-top:40px}.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr 1fr}}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer a{color:var(--muted);text-decoration:none;font-size:14px}.footer a:hover{color:var(--text)}.footer-bottom{max-width:1180px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}