*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--accent:#ffffff;--accent-subtle:rgba(255,255,255,0.05);--dark:#060606;--card:rgba(255,255,255,0.03);--card-hover:rgba(255,255,255,0.055);--border:rgba(255,255,255,0.07);--text:#f0f0f0;--text-muted:rgba(240,240,240,0.45);--text-dim:rgba(240,240,240,0.2);--leader-color:#e8e8e8;--dev-color:#60a5fa;--design-color:#fbbf24;--spoofer-color:#a855f7}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Inter',sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;cursor:none}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:2px}
::selection{background:rgba(255,255,255,0.12);color:white}
.cursor{width:8px;height:8px;background:#fff;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99999;will-change:transform;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease}
.cursor-ring{width:30px;height:30px;border:1.5px solid rgba(255,255,255,0.35);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99998;will-change:transform;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,border-color .25s ease}
nav{position:fixed;top:0;left:0;right:0;z-index:9000;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,6,6,0.85);border-bottom:1px solid rgba(255,255,255,0.06);transition:border-color .3s ease}
nav.scrolled{border-color:rgba(255,255,255,0.1);background:rgba(6,6,6,0.97)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:1.2rem;letter-spacing:-.5px}
.nav-logo-img{width:32px;height:32px;object-fit:contain;border-radius:8px;display:block}
.nav-logo-fallback{display:none;width:32px;height:32px;background:#fff;border-radius:8px;align-items:center;justify-content:center;font-size:.8rem;color:#060606}
.nav-links{display:flex;align-items:center;gap:.2rem;list-style:none}
.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;padding:.45rem .9rem;border-radius:8px;transition:color .2s ease,background .2s ease;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%) scaleX(0);width:14px;height:2px;background:#fff;border-radius:1px;transition:transform .25s ease}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,0.04)}
.nav-links a:hover::after{transform:translateX(-50%) scaleX(1)}
.nav-links a.active{color:#fff}
.nav-links a.active::after{transform:translateX(-50%) scaleX(1)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:8px;border-radius:8px;transition:background .2s ease}
.hamburger:hover{background:rgba(255,255,255,0.04)}
.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;top:68px;left:0;right:0;z-index:8999;background:rgba(6,6,6,0.98);border-bottom:1px solid rgba(255,255,255,0.06);overflow:hidden;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}
.mobile-menu.open{max-height:320px;opacity:1}
.mobile-menu-inner{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:4px}
.mobile-menu a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:.7rem 1rem;border-radius:10px;display:flex;align-items:center;gap:12px;border:1px solid transparent;transform:translateY(-6px);opacity:0;transition:all .25s ease}
.mobile-menu.open a{transform:translateY(0);opacity:1}
.mobile-menu.open a:nth-child(1){transition-delay:.04s}
.mobile-menu.open a:nth-child(2){transition-delay:.08s}
.mobile-menu.open a:nth-child(3){transition-delay:.12s}
.mobile-menu.open a:nth-child(4){transition-delay:.16s}
.mobile-menu.open a:nth-child(5){transition-delay:.2s}
.mobile-menu a:hover{color:var(--text);background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}
.mobile-menu a i{color:rgba(255,255,255,0.4);width:18px;text-align:center}
.page{display:none;min-height:100vh;flex-direction:column}
.page.active{display:flex;animation:pageIn .4s ease both}
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.page-content{flex:1}
.page-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.page-bg::before{content:'';position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,0.028) 0%,transparent 70%);top:-200px;left:-200px;border-radius:50%}
.page-bg::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.018) 0%,transparent 70%);bottom:-150px;right:-150px;border-radius:50%}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:6px 16px;font-size:.77rem;font-weight:600;color:rgba(255,255,255,0.6);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2rem;position:relative;z-index:1;opacity:0;transform:translateY(16px);animation:fadeUp .7s ease .15s forwards}
.hero-badge .dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:dotPulse 2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:1.5rem;position:relative;z-index:1;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .3s forwards}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#999 50%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite}
@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}
.hero>p{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--text-muted);max-width:520px;line-height:1.75;margin-bottom:2.75rem;position:relative;z-index:1;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .45s forwards}
.hero-btns{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .6s forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:dimIn 1s ease 1.4s forwards;z-index:1}
@keyframes dimIn{to{opacity:.3}}
.scroll-hint span{font-size:.65rem;color:var(--text-dim);letter-spacing:2.5px;text-transform:uppercase}
.scroll-mouse{width:20px;height:32px;border:1.5px solid rgba(255,255,255,0.2);border-radius:10px;position:relative}
.scroll-mouse::before{content:'';width:2px;height:5px;background:rgba(255,255,255,0.3);border-radius:2px;position:absolute;top:5px;left:50%;transform:translateX(-50%);animation:scrollDrop 2s ease infinite}
@keyframes scrollDrop{0%,100%{transform:translateX(-50%) translateY(0);opacity:1}80%{transform:translateX(-50%) translateY(9px);opacity:0}}
.btn-primary{display:inline-flex;align-items:center;gap:9px;padding:.85rem 1.9rem;background:#fff;color:#060606;text-decoration:none;font-weight:700;font-size:.9rem;border-radius:12px;border:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:none}
.btn-primary:hover{transform:translateY(-2px);background:#e8e8e8;box-shadow:0 6px 24px rgba(255,255,255,0.12)}
.btn-primary:active{transform:translateY(0)}
.btn-primary .shimmer{position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transform:skewX(-20deg);transition:left .55s ease}
.btn-primary:hover .shimmer{left:130%}
.btn-secondary{display:inline-flex;align-items:center;gap:9px;padding:.85rem 1.9rem;background:transparent;color:var(--text);text-decoration:none;font-weight:600;font-size:.9rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;cursor:none}
.btn-secondary:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.22);background:rgba(255,255,255,0.04);color:#fff}
.btn-secondary:active{transform:translateY(0)}
.bi{transition:transform .2s ease}
.btn-primary:hover .bi,.btn-secondary:hover .bi{transform:translateX(3px)}
.features-section{padding:6rem 2rem 7rem;position:relative;overflow:hidden}
.features-section::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}
.section-header{text-align:center;margin-bottom:4.5rem}
.section-tag{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.32);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:1.1rem}
.section-header h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;letter-spacing:-1px;line-height:1.08;margin-bottom:.9rem;color:var(--text)}
.section-header p{color:var(--text-muted);font-size:1rem;max-width:440px;margin:0 auto;line-height:1.72}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1080px;margin:0 auto}
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.85rem;position:relative;overflow:hidden;cursor:none;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;transform:translateY(40px);opacity:0;will-change:transform}
.feature-card.revealed{transform:translateY(0);opacity:1;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.048);box-shadow:0 16px 48px rgba(0,0,0,0.45)}
.spotlight{position:absolute;inset:0;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(280px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.032),transparent)}
.feature-card:hover .spotlight{opacity:1}
.feature-icon{width:48px;height:48px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:rgba(255,255,255,0.6);margin-bottom:1.2rem;position:relative;z-index:1;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.feature-card:hover .feature-icon{background:rgba(255,255,255,0.075);border-color:rgba(255,255,255,0.18);color:#fff;transform:scale(1.06) rotate(-3deg)}
.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem;letter-spacing:-.3px;color:var(--text);position:relative;z-index:1;transition:color .25s ease}
.feature-card:hover h3{color:#fff}
.feature-card>p{font-size:.875rem;color:var(--text-muted);line-height:1.72;position:relative;z-index:1;transition:color .25s ease}
.feature-card:hover>p{color:rgba(240,240,240,0.56)}
.feature-num{position:absolute;top:1.2rem;right:1.4rem;font-size:.68rem;font-weight:800;color:rgba(255,255,255,0.14);letter-spacing:1px}
.feature-bar{margin-top:1.4rem;height:1.5px;background:rgba(255,255,255,0.06);border-radius:1px;overflow:hidden;position:relative;z-index:1}
.feature-bar-fill{height:100%;background:linear-gradient(90deg,rgba(255,255,255,0.5),rgba(255,255,255,0.15));border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.4,0,.2,1)}
.feature-card.revealed .feature-bar-fill{transform:scaleX(1)}
.download-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}
.dl-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}
.dl-tag{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.32);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:1rem}
.dl-header h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:.8rem}
.dl-header p{color:var(--text-muted);font-size:.975rem;max-width:400px;margin:0 auto;line-height:1.72}
.dl-grid{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;max-width:900px;width:100%}
.dl-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.85rem 1.6rem;width:210px;display:flex;flex-direction:column;align-items:center;gap:.9rem;position:relative;overflow:hidden;cursor:none;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(24px);will-change:transform}
.dl-card.revealed{opacity:1;transform:translateY(0)}
.dl-card:not(.unavailable):hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.048);box-shadow:0 16px 48px rgba(0,0,0,0.45)}
.dl-card .spotlight{position:absolute;inset:0;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(220px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.03),transparent)}
.dl-card:hover .spotlight{opacity:1}
.dl-card.spoofer{border-color:rgba(168,85,247,0.15)}
.dl-card.spoofer:not(.unavailable):hover{border-color:rgba(168,85,247,0.25);box-shadow:0 16px 48px rgba(0,0,0,0.45),0 0 24px rgba(168,85,247,0.08)}
.dl-card.spoofer .spotlight{background:radial-gradient(220px circle at var(--x,50%) var(--y,50%),rgba(168,85,247,0.04),transparent)}
.dl-card-icon{width:60px;height:60px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:rgba(255,255,255,0.65);transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;position:relative;z-index:1}
.dl-card:not(.unavailable):hover .dl-card-icon{background:rgba(255,255,255,0.075);border-color:rgba(255,255,255,0.18);color:#fff;transform:scale(1.06) rotate(-3deg)}
.dl-card.spoofer .dl-card-icon{background:rgba(168,85,247,0.05);border-color:rgba(168,85,247,0.12);color:rgba(168,85,247,0.7)}
.dl-card.spoofer:not(.unavailable):hover .dl-card-icon{background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.25);color:var(--spoofer-color);transform:scale(1.06) rotate(-3deg)}
.dl-card-name{font-size:1rem;font-weight:700;letter-spacing:-.3px;color:var(--text);position:relative;z-index:1}
.dl-card.spoofer .dl-card-name{color:rgba(168,85,247,0.9)}
.dl-card-status{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;position:relative;z-index:1}
.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.status-dot.online{background:#4ade80;animation:sPulse 2s ease-in-out infinite}
.status-dot.offline{background:rgba(255,255,255,0.18)}
@keyframes sPulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,0.4)}50%{box-shadow:0 0 0 4px rgba(74,222,128,0)}}
.status-text.online{color:#4ade80}
.status-text.offline{color:rgba(255,255,255,0.28)}
.dl-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:.6rem 1rem;border-radius:9px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--text-muted);cursor:none;transition:all .2s ease;position:relative;z-index:1}
.dl-card:not(.unavailable) .dl-card-btn{background:#fff;color:#060606;border-color:transparent;font-weight:700}
.dl-card:not(.unavailable) .dl-card-btn:hover{background:#e8e8e8;box-shadow:0 4px 16px rgba(255,255,255,0.12);transform:translateY(-1px)}
.dl-card.spoofer:not(.unavailable) .dl-card-btn{background:linear-gradient(135deg,var(--spoofer-color),#c084fc);color:#fff}
.dl-card.spoofer:not(.unavailable) .dl-card-btn:hover{background:linear-gradient(135deg,#9333ea,#a855f7);box-shadow:0 4px 20px rgba(168,85,247,0.3);transform:translateY(-1px)}
.dl-card.unavailable .dl-card-btn{cursor:not-allowed;opacity:.3}
@keyframes shake{0%{transform:translateX(0)}15%{transform:translateX(-7px) rotate(-.8deg)}30%{transform:translateX(7px) rotate(.8deg)}45%{transform:translateX(-5px)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}90%{transform:translateX(2px)}100%{transform:translateX(0)}}
.dl-card.shaking{animation:shake .5s ease both}
.dl-changelog-btn-wrap{position:relative;z-index:1;margin-top:2.5rem;text-align:center}
.dl-changelog-btn-wrap .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 1.85rem;background:#fff;color:#080810;border:none;border-radius:11px;font-size:.9rem;font-weight:700;font-family:inherit;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 20px rgba(255,255,255,0.15);cursor:none}
.dl-changelog-btn-wrap .btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,0.25)}
.toast-container{position:fixed;bottom:1.75rem;left:50%;transform:translateX(-50%);z-index:99990;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}
.toast{display:flex;align-items:center;gap:11px;padding:.8rem 1.3rem;background:#111;border:1px solid rgba(255,255,255,0.09);border-radius:13px;box-shadow:0 8px 30px rgba(0,0,0,0.6);white-space:nowrap;transform:translateY(16px);opacity:0;transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .35s ease}
.toast.show{transform:translateY(0);opacity:1}
.toast.hide{transform:translateY(8px);opacity:0;transition:all .25s ease}
.toast-logo{width:20px;height:20px;object-fit:contain;border-radius:5px;flex-shrink:0}
.toast-logo-fb{width:20px;height:20px;background:rgba(255,255,255,0.08);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:rgba(255,255,255,0.4)}
.toast-content{display:flex;flex-direction:column;gap:1px}
.toast-title{font-size:.78rem;font-weight:700;color:var(--text)}
.toast-msg{font-size:.73rem;color:var(--text-muted)}
.tos-overlay{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}
.tos-overlay.active{opacity:1;pointer-events:all}
.tos-modal{background:#0c0c0c;border:1px solid rgba(255,255,255,0.09);border-radius:22px;width:100%;max-width:600px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(18px) scale(.97);transition:transform .38s cubic-bezier(.34,1.15,.64,1);box-shadow:0 32px 80px rgba(0,0,0,0.7)}
.tos-overlay.active .tos-modal{transform:translateY(0) scale(1)}
.tos-head{padding:1.6rem 1.85rem 1.15rem;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.tos-head-left{display:flex;align-items:center;gap:11px}
.tos-head-icon{width:38px;height:38px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:rgba(255,255,255,0.5)}
.tos-head-text h2{font-size:.95rem;font-weight:700;color:var(--text)}
.tos-head-text p{font-size:.73rem;color:var(--text-muted);margin-top:1px}
.tos-x{width:30px;height:30px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--text-muted);cursor:none;transition:all .2s ease}
.tos-x:hover{background:rgba(255,255,255,0.07);color:var(--text)}
.tos-body{padding:1.4rem 1.85rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}
.tos-body::-webkit-scrollbar{width:3px}
.tos-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px}
.tos-intro{font-size:.86rem;color:var(--text-muted);line-height:1.72;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.05)}
.tos-section{margin-bottom:1.35rem}
.tos-section h3{font-size:.76rem;font-weight:700;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.65rem;display:flex;align-items:center;gap:7px}
.tos-section h3 i{font-size:.72rem;color:rgba(255,255,255,0.25)}
.tos-section p,.tos-section li{font-size:.845rem;color:var(--text-muted);line-height:1.75}
.tos-section ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}
.tos-section ul li{display:flex;align-items:flex-start;gap:9px}
.tos-section ul li::before{content:'';width:3px;height:3px;background:rgba(255,255,255,0.2);border-radius:50%;flex-shrink:0;margin-top:9px}
.tos-note{margin-top:1.35rem;padding:.9rem 1.1rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:11px;font-size:.79rem;color:var(--text-muted);line-height:1.7}
.tos-note strong{color:rgba(255,255,255,0.48)}
.tos-foot{padding:1.15rem 1.85rem 1.6rem;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;flex-direction:column;gap:.9rem}
.tos-toggle{display:flex;align-items:center;gap:11px;cursor:none}
.toggle-sw{width:42px;height:22px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:100px;position:relative;flex-shrink:0;transition:background .25s ease,border-color .25s ease;cursor:none}
.toggle-sw::after{content:'';width:14px;height:14px;background:rgba(255,255,255,0.35);border-radius:50%;position:absolute;top:3px;left:3px;transition:left .28s cubic-bezier(.34,1.3,.64,1),background .25s ease}
.toggle-sw.on{background:rgba(255,255,255,0.13);border-color:rgba(255,255,255,0.26)}
.toggle-sw.on::after{left:calc(100% - 17px);background:#fff}
.tos-toggle-lbl{font-size:.845rem;font-weight:500;color:var(--text-muted);user-select:none;transition:color .25s ease}
.tos-toggle.on .tos-toggle-lbl{color:var(--text)}
.tos-actions{display:flex;gap:.7rem}
.tos-dl-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.78rem 1.4rem;border-radius:10px;font-size:.875rem;font-weight:700;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.2);cursor:not-allowed;transition:all .3s ease;position:relative;overflow:hidden}
.tos-dl-btn.on{background:#fff;color:#060606;border-color:transparent;cursor:none}
.tos-dl-btn.on:hover{background:#e8e8e8;box-shadow:0 4px 20px rgba(255,255,255,0.12);transform:translateY(-1px)}
.tos-dl-btn.on .shimmer{position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:skewX(-20deg);transition:left .5s ease}
.tos-dl-btn.on:hover .shimmer{left:130%}
.tos-dec-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:.78rem 1.15rem;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,0.07);background:transparent;color:var(--text-muted);cursor:none;transition:all .2s ease}
.tos-dec-btn:hover{border-color:rgba(255,255,255,0.13);color:var(--text);background:rgba(255,255,255,0.03)}
.credits-page{flex:1;padding:8rem 2rem 5rem;position:relative;overflow:hidden}
.credits-header{text-align:center;margin-bottom:4.5rem;position:relative;z-index:1}
.credits-tag{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.32);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:1rem}
.credits-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:.8rem}
.credits-header p{color:var(--text-muted);font-size:.975rem;max-width:380px;margin:0 auto;line-height:1.72}
.credits-group{margin-bottom:3.75rem;position:relative;z-index:1}
.group-label{display:flex;align-items:center;gap:12px;max-width:1080px;margin:0 auto 1.6rem}
.group-label-text{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;white-space:nowrap}
.group-label-text.leader{color:var(--leader-color)}
.group-label-text.developer{color:var(--dev-color)}
.group-label-text.designer{color:var(--design-color)}
.group-line{flex:1;height:1px}
.group-line.leader{background:linear-gradient(90deg,rgba(232,232,232,0.14),transparent)}
.group-line.developer{background:linear-gradient(90deg,rgba(96,165,250,0.18),transparent)}
.group-line.designer{background:linear-gradient(90deg,rgba(251,191,36,0.18),transparent)}
.credits-grid{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center;max-width:1080px;margin:0 auto}
.member-card{width:195px;display:flex;flex-direction:column;align-items:center;padding:1.85rem 1.4rem 1.4rem;border-radius:18px;position:relative;overflow:hidden;cursor:none;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(28px);will-change:transform}
.member-card.revealed{opacity:1;transform:translateY(0)}
.member-card.leader{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.09)}
.member-card.developer{background:rgba(96,165,250,0.03);border:1px solid rgba(96,165,250,0.12)}
.member-card.designer{background:rgba(251,191,36,0.03);border:1px solid rgba(251,191,36,0.12)}
.member-card.leader:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.04);box-shadow:0 16px 48px rgba(0,0,0,0.45),0 0 32px rgba(255,255,255,0.04)}
.member-card.developer:hover{transform:translateY(-6px);border-color:rgba(96,165,250,0.3);background:rgba(96,165,250,0.05);box-shadow:0 16px 48px rgba(0,0,0,0.45),0 0 32px rgba(96,165,250,0.06)}
.member-card.designer:hover{transform:translateY(-6px);border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.045);box-shadow:0 16px 48px rgba(0,0,0,0.45),0 0 32px rgba(251,191,36,0.06)}
.member-card .spotlight{position:absolute;inset:0;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .25s ease}
.member-card.leader .spotlight{background:radial-gradient(200px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.03),transparent)}
.member-card.developer .spotlight{background:radial-gradient(200px circle at var(--x,50%) var(--y,50%),rgba(96,165,250,0.045),transparent)}
.member-card.designer .spotlight{background:radial-gradient(200px circle at var(--x,50%) var(--y,50%),rgba(251,191,36,0.045),transparent)}
.member-card:hover .spotlight{opacity:1}
.avatar-wrap{width:76px;height:76px;position:relative;margin-bottom:1.05rem;flex-shrink:0}
.diamond{width:76px;height:76px;transform:rotate(45deg);border-radius:13px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.member-card:hover .diamond{transform:rotate(45deg) scale(1.05)}
.member-card.leader .diamond{border:1.5px solid rgba(255,255,255,0.22)}
.member-card.developer .diamond{border:1.5px solid rgba(96,165,250,0.35)}
.member-card.designer .diamond{border:1.5px solid rgba(251,191,36,0.35)}
.member-card.leader:hover .diamond{box-shadow:0 0 20px rgba(255,255,255,0.1)}
.member-card.developer:hover .diamond{box-shadow:0 0 20px rgba(96,165,250,0.18)}
.member-card.designer:hover .diamond{box-shadow:0 0 20px rgba(251,191,36,0.18)}
.diamond img{width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.42);display:block}
.diamond .av-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transform:rotate(-45deg)}
.member-card.leader .av-fb{color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.04)}
.member-card.developer .av-fb{color:rgba(96,165,250,0.35);background:rgba(96,165,250,0.05)}
.member-card.designer .av-fb{color:rgba(251,191,36,0.35);background:rgba(251,191,36,0.05)}
.role-badge{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:2px 9px;border-radius:100px;white-space:nowrap;z-index:2}
.member-card.leader .role-badge{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);color:var(--leader-color)}
.member-card.developer .role-badge{background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.28);color:var(--dev-color)}
.member-card.designer .role-badge{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.28);color:var(--design-color)}
.member-name{font-size:.92rem;font-weight:700;letter-spacing:-.3px;color:var(--text);margin-top:.4rem;text-align:center;position:relative;z-index:1;transition:color .25s ease}
.member-card.leader:hover .member-name{color:#fff}
.member-card.developer:hover .member-name{color:#bfdbfe}
.member-card.designer:hover .member-name{color:#fef08a}
.member-short{font-size:.76rem;color:var(--text-muted);line-height:1.6;text-align:center;margin-top:.35rem;position:relative;z-index:1}
.member-actions{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;position:relative;z-index:1;opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease}
.member-card:hover .member-actions{opacity:1;transform:translateY(0)}
.member-view{display:inline-flex;align-items:center;gap:5px;padding:.45rem .9rem;border-radius:7px;font-size:.72rem;font-weight:600;border:1px solid;background:transparent;cursor:none;transition:all .25s ease}
.member-card.leader .member-view{border-color:rgba(255,255,255,0.14);color:rgba(255,255,255,0.45)}
.member-card.developer .member-view{border-color:rgba(96,165,250,0.22);color:rgba(96,165,250,0.55)}
.member-card.designer .member-view{border-color:rgba(251,191,36,0.22);color:rgba(251,191,36,0.55)}
.member-card.leader .member-view:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.24);color:#fff}
.member-card.developer .member-view:hover{background:rgba(96,165,250,0.07);border-color:rgba(96,165,250,0.38);color:var(--dev-color)}
.member-card.designer .member-view:hover{background:rgba(251,191,36,0.07);border-color:rgba(251,191,36,0.38);color:var(--design-color)}
.swap-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid;background:transparent;cursor:none;transition:all .25s ease;flex-shrink:0;font-size:.72rem}
.member-card.leader .swap-btn{border-color:rgba(255,255,255,0.14);color:rgba(255,255,255,0.4)}
.member-card.leader .swap-btn:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.24);color:#fff}
@keyframes swapSpin{0%{transform:rotate(0deg) scale(1)}40%{transform:rotate(180deg) scale(.85)}100%{transform:rotate(360deg) scale(1)}}
.swap-btn.spinning i{animation:swapSpin .45s cubic-bezier(.4,0,.2,1) both}
@keyframes cardFlip{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-10px) scale(.96);opacity:0}31%{transform:translateY(10px) scale(.96);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
.member-card.flipping{animation:cardFlip .42s cubic-bezier(.4,0,.2,1) both}
@keyframes diamondPop{0%{transform:rotate(45deg) scale(1)}40%{transform:rotate(45deg) scale(.82);filter:brightness(.6)}100%{transform:rotate(45deg) scale(1);filter:brightness(1)}}
.member-card.flipping .diamond{animation:diamondPop .42s cubic-bezier(.4,0,.2,1) both}
.profile-overlay{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0.78);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}
.profile-overlay.active{opacity:1;pointer-events:all}
.profile-modal{background:#0c0c0c;border-radius:22px;width:100%;max-width:500px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(18px) scale(.97);transition:transform .38s cubic-bezier(.34,1.15,.64,1);box-shadow:0 32px 80px rgba(0,0,0,0.75);position:relative}
.profile-overlay.active .profile-modal{transform:translateY(0) scale(1)}
.profile-modal.leader{border:1px solid rgba(255,255,255,0.11)}
.profile-modal.developer{border:1px solid rgba(96,165,250,0.18)}
.profile-modal.designer{border:1px solid rgba(251,191,36,0.18)}
.profile-top{padding:1.85rem 1.85rem 1.5rem;display:flex;align-items:flex-start;gap:1.4rem;position:relative}
.profile-av-wrap{position:relative;flex-shrink:0}
.profile-diamond{width:84px;height:84px;transform:rotate(45deg);border-radius:15px;overflow:hidden}
.profile-modal.leader .profile-diamond{border:2px solid rgba(255,255,255,0.2)}
.profile-modal.developer .profile-diamond{border:2px solid rgba(96,165,250,0.32)}
.profile-modal.designer .profile-diamond{border:2px solid rgba(251,191,36,0.32)}
.profile-diamond img{width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.42);display:block}
.profile-diamond .av-fb-lg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;transform:rotate(-45deg)}
.profile-modal.leader .av-fb-lg{color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.04)}
.profile-modal.developer .av-fb-lg{color:rgba(96,165,250,0.3);background:rgba(96,165,250,0.05)}
.profile-modal.designer .av-fb-lg{color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.05)}
.profile-p-badge{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:2px 8px;border-radius:100px;white-space:nowrap}
.profile-modal.leader .profile-p-badge{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);color:var(--leader-color)}
.profile-modal.developer .profile-p-badge{background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.28);color:var(--dev-color)}
.profile-modal.designer .profile-p-badge{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.28);color:var(--design-color)}
.profile-info{flex:1;padding-top:.3rem}
.profile-info h2{font-size:1.3rem;font-weight:800;letter-spacing:-.5px;color:var(--text)}
.profile-x{position:absolute;top:1.15rem;right:1.15rem;width:30px;height:30px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--text-muted);cursor:none;transition:all .2s ease;z-index:2}
.profile-x:hover{background:rgba(255,255,255,0.07);color:var(--text)}
.profile-divider{height:1px;margin:0 1.85rem}
.profile-modal.leader .profile-divider{background:rgba(255,255,255,0.06)}
.profile-modal.developer .profile-divider{background:rgba(96,165,250,0.1)}
.profile-modal.designer .profile-divider{background:rgba(251,191,36,0.1)}
.profile-body{padding:1.15rem 1.85rem 1.85rem}
.profile-lbl{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:.55rem}
.profile-modal.leader .profile-lbl{color:rgba(255,255,255,0.26)}
.profile-modal.developer .profile-lbl{color:rgba(96,165,250,0.38)}
.profile-modal.designer .profile-lbl{color:rgba(251,191,36,0.38)}
.profile-desc{font-size:.86rem;color:var(--text-muted);line-height:1.8}
.site-footer{width:100%;padding:1.6rem 2rem;border-top:1px solid rgba(255,255,255,0.055);display:flex;align-items:center;justify-content:center;gap:.55rem;background:rgba(6,6,6,0.9);position:relative;z-index:10}
.footer-logo img{width:15px;height:15px;object-fit:contain;opacity:.4;border-radius:4px}
.footer-logo-fb{width:15px;height:15px;background:rgba(255,255,255,0.1);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.48rem;color:rgba(255,255,255,0.4)}
.footer-text{font-size:.76rem;color:rgba(255,255,255,0.18)}
.footer-text strong{color:rgba(255,255,255,0.3);font-weight:600}
.footer-dot{width:2.5px;height:2.5px;background:rgba(255,255,255,0.1);border-radius:50%}
.premium-page{flex:1;padding:7rem 2rem 5rem;position:relative;overflow:hidden}
.prem-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}
.prem-tag{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.32);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:1rem}
.prem-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:.8rem}
.prem-header p{color:var(--text-muted);font-size:.975rem;max-width:420px;margin:0 auto;line-height:1.72}
.platform-switcher{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:3.5rem;position:relative;z-index:1}
.platform-tab{display:inline-flex;align-items:center;gap:8px;padding:.6rem 1.4rem;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,0.08);background:transparent;color:var(--text-muted);cursor:none;transition:all .25s ease}
.platform-tab:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.14);color:var(--text)}
.platform-tab.active{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);color:#fff}
.platform-tab i{font-size:1rem}
.plans-wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:start;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}
.plans-grid.visible{opacity:1;transform:translateY(0)}
.plan-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2rem;position:relative;overflow:hidden;cursor:none;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;will-change:transform}
.plan-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);box-shadow:0 20px 56px rgba(0,0,0,0.5)}
.plan-card .spotlight{position:absolute;inset:0;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.03),transparent)}
.plan-card:hover .spotlight{opacity:1}
.plan-card.recommended{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.18);padding:2rem;transform:scale(1.02)}
.plan-card.recommended:hover{transform:scale(1.02) translateY(-5px);border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.06);box-shadow:0 24px 64px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.1)}
.plan-card.recommended .spotlight{background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.045),transparent)}
.rec-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:100px;padding:4px 12px;font-size:.66rem;font-weight:800;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.25rem}
.rec-badge i{font-size:.6rem;color:#fbbf24}
.plan-name{font-size:1.05rem;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:-.2px;margin-bottom:.2rem}
.plan-card.recommended .plan-name{color:#fff}
.plan-tagline{font-size:.78rem;color:var(--text-muted);margin-bottom:1.4rem}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:1.6rem}
.plan-price-amount{font-size:2.4rem;font-weight:900;letter-spacing:-1.5px;color:#fff;line-height:1}
.plan-price-period{font-size:.8rem;color:var(--text-muted);font-weight:500}
.plan-divider{height:1px;background:rgba(255,255,255,0.07);margin-bottom:1.4rem}
.plan-card.recommended .plan-divider{background:rgba(255,255,255,0.12)}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.75rem}
.plan-features li{display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--text-muted)}
.plan-features li i{font-size:.72rem;color:rgba(255,255,255,0.4);flex-shrink:0;width:14px;text-align:center}
.plan-card.recommended .plan-features li{color:rgba(240,240,240,0.65)}
.plan-card.recommended .plan-features li i{color:rgba(255,255,255,0.55)}
.plan-btn{width:100%;padding:.78rem 1rem;border-radius:11px;font-size:.875rem;font-weight:700;cursor:none;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}
.plan-btn.default{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--text)}
.plan-btn.default:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff}
.plan-btn.primary{background:#fff;border:none;color:#060606}
.plan-btn.primary:hover{background:#e8e8e8;box-shadow:0 6px 24px rgba(255,255,255,0.15);transform:translateY(-1px)}
.plan-btn.primary::after{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:skewX(-20deg);transition:left .5s ease}
.plan-btn.primary:hover::after{left:130%}
.benefits-page-overlay{position:fixed;inset:0;z-index:8000;background:var(--dark);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow-y:auto}
.benefits-page-overlay.active{opacity:1;pointer-events:all}
.benefits-inner{flex:1;padding:5rem 2rem 4rem;max-width:780px;margin:0 auto;width:100%}
.benefits-back{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:none;transition:all .2s ease;margin-bottom:2.5rem}
.benefits-back:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:var(--text)}
.benefits-hero{margin-bottom:2.5rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.benefits-hero.in{opacity:1;transform:translateY(0)}
.benefits-platform-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:5px 13px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}
.benefits-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:-1.5px;line-height:1.08;margin-bottom:.6rem}
.benefits-hero p{color:var(--text-muted);font-size:.975rem;line-height:1.72}
.benefits-price-block{display:flex;align-items:center;gap:1rem;margin-top:1.2rem}
.benefits-price{font-size:2.8rem;font-weight:900;letter-spacing:-2px;color:#fff}
.benefits-period{font-size:.85rem;color:var(--text-muted)}
.benefits-divider{height:1px;background:rgba(255,255,255,0.07);margin:2rem 0}
.benefits-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:2.5rem;opacity:0;transform:translateY(16px);transition:opacity .5s ease .1s,transform .5s ease .1s}
.benefits-features-grid.in{opacity:1;transform:translateY(0)}
.benefit-item{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1rem 1.1rem;transition:border-color .25s ease,background .25s ease;cursor:none}
.benefit-item:hover{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.04)}
.benefit-check{width:26px;height:26px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:rgba(255,255,255,0.7)}
.benefit-text{font-size:.84rem;color:var(--text-muted);line-height:1.5;padding-top:2px}
.benefits-buy-btn{width:100%;padding:.95rem 1.5rem;border-radius:14px;background:#fff;color:#060606;border:none;font-size:.95rem;font-weight:800;cursor:none;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .5s ease .2s,transform .5s ease .2s,background .2s ease,box-shadow .2s ease}
.benefits-buy-btn.in{opacity:1;transform:translateY(0)}
.benefits-buy-btn:hover{background:#e8e8e8;box-shadow:0 8px 32px rgba(255,255,255,0.14)}
.benefits-buy-btn::after{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transform:skewX(-20deg);transition:left .55s ease}
.benefits-buy-btn:hover::after{left:130%}
.checkout-overlay{position:fixed;inset:0;z-index:8500;background:var(--dark);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow-y:auto}
.checkout-overlay.active{opacity:1;pointer-events:all}
.checkout-inner{flex:1;padding:5rem 2rem 4rem;max-width:620px;margin:0 auto;width:100%}
.checkout-back{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:none;transition:all .2s ease;margin-bottom:2.5rem}
.checkout-back:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:var(--text)}
.checkout-header{margin-bottom:2rem;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
.checkout-header.in{opacity:1;transform:translateY(0)}
.checkout-tag{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:.75rem}
.checkout-header h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;letter-spacing:-1.2px;margin-bottom:.4rem}
.checkout-header p{color:var(--text-muted);font-size:.9rem;line-height:1.65}
.checkout-plan-summary{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:12px;margin-bottom:1.75rem;opacity:0;transform:translateY(12px);transition:opacity .45s ease .05s,transform .45s ease .05s}
.checkout-plan-summary.in{opacity:1;transform:translateY(0)}
.checkout-plan-name{font-size:.84rem;font-weight:600;color:var(--text)}
.checkout-plan-price{font-size:.84rem;font-weight:700;color:#fff}
.payment-methods{display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(12px);transition:opacity .45s ease .1s,transform .45s ease .1s}
.payment-methods.in{opacity:1;transform:translateY(0)}
.pay-method{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);transition:border-color .25s ease}
.pay-method.open{border-color:rgba(255,255,255,0.16)}
.pay-method-header{display:flex;align-items:center;gap:14px;padding:1rem 1.2rem;cursor:none;transition:background .2s ease}
.pay-method-header:hover{background:rgba(255,255,255,0.03)}
.pay-method.open .pay-method-header{background:rgba(255,255,255,0.04)}
.pay-icon-wrap{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:border-color .25s ease}
.pay-method-info{flex:1}
.pay-method-name{font-size:.9rem;font-weight:700;color:var(--text);letter-spacing:-.2px}
.pay-method-note{font-size:.74rem;color:var(--text-muted);margin-top:1px}
.pay-chevron{font-size:.75rem;color:rgba(255,255,255,0.25);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0}
.pay-method.open .pay-chevron{transform:rotate(180deg);color:rgba(255,255,255,0.5)}
.pay-dropdown{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.pay-method.open .pay-dropdown{max-height:200px}
.pay-dropdown-inner{padding:0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.65rem}
.pay-address-row{display:flex;align-items:center;gap:.6rem}
.pay-address-box{flex:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:9px;padding:.65rem .9rem;font-size:.78rem;color:var(--text-muted);font-family:'SF Mono','Fira Code',monospace;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pay-copy-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:.65rem .9rem;border-radius:9px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);font-size:.78rem;font-weight:600;cursor:none;transition:all .2s ease;flex-shrink:0;white-space:nowrap}
.pay-copy-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:#fff}
.pay-copy-btn.copied{background:rgba(74,222,128,0.12);border-color:rgba(74,222,128,0.28);color:#4ade80}
.pay-instruction{font-size:.77rem;color:var(--text-muted);line-height:1.6;padding:.65rem .9rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:9px}
@media(max-width:900px){.features-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card.recommended{transform:scale(1)}.plan-card.recommended:hover{transform:translateY(-5px)}}
@media(max-width:640px){.features-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.nav-links{display:none}.hamburger{display:flex}.hero h1{letter-spacing:-1px}.benefits-features-grid{grid-template-columns:1fr}.dl-grid{flex-direction:column;align-items:center}.dl-card{width:100%;max-width:280px}}