.hero{position:relative;padding:calc(var(--space-3xl) + 60px) 0 var(--space-3xl) 0;overflow:hidden}.hero-inner{position:relative;z-index:2;max-width:640px;margin:0 auto;text-align:center;padding:0 var(--space-md)}.hero-headline{font-family:var(--font-display);font-weight:900;font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-1px;color:var(--text-primary);margin:0 0 var(--space-lg) 0;text-wrap:balance}.hero-sub{font-size:18px;line-height:1.7;color:var(--text-muted);margin:0 0 var(--space-xl) 0;max-width:480px;margin-left:auto;margin-right:auto}.hero-cta,.hero-sub{font-family:var(--font-body)}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:15px;padding:12px 28px;border-radius:var(--radius-md);border:none;cursor:pointer;color:#f5f0f1;background:var(--primary);text-decoration:none;min-height:44px;transition:transform var(--dur-short) var(--ease-bounce),box-shadow var(--dur-short) var(--ease-enter);animation:glowPulse 2s ease-in-out infinite}.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--primary-hover);color:#f5f0f1}.hero-cta:active{transform:scale(.85);transition-duration:var(--dur-micro)}.hero-trust{font-family:var(--font-body);font-size:13px;color:var(--text-muted);margin:var(--space-md) 0 0 0}.hero-screenshot{margin-top:var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);max-width:720px}.hero-screenshot img{width:100%;height:auto;display:block}.hero-code-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.hero-code-label{font-family:var(--font-body);font-size:14px;color:var(--text-muted)}.hero-code-input{font-family:var(--font-body);font-size:15px;padding:10px 16px;border:1.5px solid var(--surface-hover);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);width:140px;transition:border-color var(--dur-short) var(--ease-enter),box-shadow var(--dur-short) var(--ease-enter)}.hero-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,52,90,.15)}.hero-code-join{font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--radius-md);border:1.5px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;min-height:44px;transition:all var(--dur-short) var(--ease-enter)}.hero-code-join:hover{background:var(--accent);color:white;transform:translateY(-2px)}.hero-code-join:active{transform:scale(.85);transition-duration:var(--dur-micro)}html.dark .hero-code-input{border-color:var(--surface-hover);background:var(--surface);color:var(--text-primary)}html.dark .hero-cta{background:var(--primary);color:#f5f0f1}html.dark .hero-cta:hover{background:var(--primary-hover)}@media (max-width:576px){.hero{padding:calc(var(--space-2xl) + 60px) 0 var(--space-2xl) 0}.hero-sub{font-size:16px}.hero-code-row{flex-direction:column;gap:var(--space-sm)}.hero-code-input{width:100%;max-width:200px}}.hiw{padding:var(--space-3xl) 0}.hiw-inner{max-width:980px;margin:0 auto;padding:0 var(--space-md)}.hiw-label{font-family:var(--font-body);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:var(--space-sm)}.hiw-title{font-family:var(--font-display);font-weight:900;font-size:32px;letter-spacing:-.5px;color:var(--text-primary);margin:0 0 var(--space-2xl) 0;text-wrap:balance}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.hiw-step{display:flex;flex-direction:column;animation:fadeUp var(--dur-short) var(--ease-enter) both}.hiw-step:first-child{animation-delay:0s}.hiw-step:nth-child(2){animation-delay:.1s}.hiw-step:nth-child(3){animation-delay:.2s}.hiw-step-number{font-family:var(--font-display);font-weight:900;font-size:36px;color:var(--accent);line-height:1;margin-bottom:var(--space-md);font-feature-settings:"tnum"}.hiw-step-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.hiw-step-desc{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-muted);margin:0}@media (max-width:768px){.hiw-steps{grid-template-columns:1fr;gap:var(--space-2xl)}.hiw-title{font-size:28px}}@media (max-width:576px){.hiw{padding:var(--space-2xl) 0}}.parallax-container{top:0;left:0;width:100%;height:100%;overflow:hidden}.mouse-glow,.parallax-container{position:fixed;pointer-events:none;z-index:0}.mouse-glow{width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,var(--glow-color),transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s var(--ease-enter)}.mouse-glow.visible{opacity:1}.parallax-fast,.parallax-slow{position:absolute;top:0;left:0;width:100%;height:200%;will-change:transform}.parallax-tri{position:absolute;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid var(--darkred);filter:url(#round-corners);opacity:.25;animation:floatDrift 16s var(--ease-move) infinite}html.dark .parallax-tri{border-bottom-color:#630B21;opacity:.4}.parallax-tri:first-child{left:5%;top:8%;transform:rotate(15deg);animation-duration:18s}.parallax-tri:nth-child(2){left:85%;top:15%;transform:rotate(-20deg);animation-duration:20s;animation-delay:-4s}.parallax-tri:nth-child(3){left:15%;top:35%;transform:rotate(45deg);animation-duration:16s;animation-delay:-8s}.parallax-tri:nth-child(4){left:75%;top:45%;transform:rotate(-10deg);animation-duration:19s;animation-delay:-2s}.parallax-tri:nth-child(5){left:40%;top:65%;transform:rotate(30deg);animation-duration:17s;animation-delay:-6s}.parallax-tri:nth-child(6){left:90%;top:75%;transform:rotate(-35deg);animation-duration:15s;animation-delay:-10s}.parallax-heart{position:absolute;animation:heartWiggle 3s var(--ease-move) infinite;opacity:.25}html.dark .parallax-heart{opacity:.4}.parallax-heart:first-child{left:8%;top:5%;animation-delay:0s}.parallax-heart:nth-child(2){left:92%;top:12%;animation-delay:-.5s}.parallax-heart:nth-child(3){left:20%;top:25%;animation-delay:-1s}.parallax-heart:nth-child(4){left:80%;top:35%;animation-delay:-1.5s}.parallax-heart:nth-child(5){left:12%;top:55%;animation-delay:-2s}.parallax-heart:nth-child(6){left:88%;top:60%;animation-delay:-.8s}.parallax-heart:nth-child(7){left:45%;top:80%;animation-delay:-1.2s}.parallax-heart:nth-child(8){left:65%;top:90%;animation-delay:-2.5s}@media (max-width:768px){.mouse-glow{display:none}.parallax-container{position:absolute;height:100vh}.parallax-fast,.parallax-slow{height:100%}.parallax-heart,.parallax-tri{animation:none!important}.parallax-tri{border-left-width:22px;border-right-width:22px;border-bottom-width:38px;opacity:.15}.parallax-fast{display:none}}@media (prefers-reduced-motion:reduce){.parallax-heart,.parallax-tri{animation:none!important}}.perks{padding:var(--space-3xl) 0}.perks-inner{max-width:980px;margin:0 auto;padding:0 var(--space-md)}.perks-header{margin-bottom:var(--space-xl)}.perks-title{color:var(--text-primary);margin:0;display:inline}.perks-subtitle,.perks-title{font-family:var(--font-display);font-weight:900;font-size:32px;letter-spacing:-.5px}.perks-subtitle{color:var(--accent);margin-left:8px}.perks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.perk-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:transform var(--dur-short) var(--ease-bounce),box-shadow var(--dur-short) var(--ease-enter);position:relative;overflow:hidden}.perk-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.perk-card:active{transform:scale(.98);transition-duration:var(--dur-micro)}.perk-card:after{content:"";position:absolute;right:-10px;bottom:-10px;width:60px;height:60px;background:var(--heart-color);border-radius:50%;opacity:0;transform:scale(.5);transition:opacity var(--dur-medium) var(--ease-enter),transform var(--dur-medium) var(--ease-bounce);pointer-events:none}.perk-card:hover:after{opacity:.08;transform:scale(1.3)}.perk-card-label{font-family:var(--font-body);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin:0 0 var(--space-sm) 0}.perk-card-title{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:.011em;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.perk-card-desc{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-muted);margin:0}html.dark .perk-card{background:var(--surface);box-shadow:var(--shadow-sm)}html.dark .perk-card:hover{box-shadow:var(--shadow-md)}@media (max-width:768px){.perks-grid{grid-template-columns:1fr}.perks-subtitle,.perks-title{font-size:28px}.perks-subtitle{display:block;margin-left:0}}@media (max-width:576px){.perks{padding:var(--space-2xl) 0}.perk-card{padding:var(--space-lg)}}.cta-section{padding:var(--space-3xl) 0 var(--space-2xl) 0}.cta-inner{max-width:640px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.cta-headline{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.5px;color:var(--text-primary);margin:0 0 var(--space-md) 0;text-wrap:balance}.cta-desc{font-size:16px;line-height:1.7;color:var(--text-muted);margin:0 0 var(--space-xl) 0;max-width:420px;margin-left:auto;margin-right:auto}.cta-button,.cta-desc{font-family:var(--font-body)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:15px;padding:12px 28px;border-radius:var(--radius-md);border:none;cursor:pointer;color:#f5f0f1;background:var(--primary);text-decoration:none;min-height:44px;transition:transform var(--dur-short) var(--ease-bounce),box-shadow var(--dur-short) var(--ease-enter);animation:glowPulse 2s ease-in-out infinite}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--primary-hover);color:#f5f0f1}.cta-button:active{transform:scale(.85);transition-duration:var(--dur-micro)}html.dark .cta-inner{background:var(--surface);box-shadow:var(--shadow-md)}html.dark .cta-button{background:var(--primary);color:#f5f0f1}html.dark .cta-button:hover{background:var(--primary-hover)}@media (max-width:576px){.cta-section{padding:var(--space-2xl) 0 var(--space-xl) 0}.cta-inner{padding:var(--space-xl) var(--space-md);margin:0 var(--space-md);border-radius:var(--radius-lg)}.cta-headline{font-size:24px}}