@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#08090d;color:#f3f0f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#5d3c7b33,transparent 45%),#08090d}button,a{font:inherit;color:inherit}button{cursor:pointer}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 44%,#8f55c31a,transparent 28%),radial-gradient(circle at 82% 65%,#b7609a12,transparent 25%)}header{height:78px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand img{width:154px;display:block}nav{display:flex;align-items:center;gap:26px;font-size:13px;color:#aaa5b1}nav a{text-decoration:none}nav button{border:1px solid #4b4057;background:#17131d;padding:10px 14px;border-radius:8px;color:#e1d5e9}main{max-width:1120px;margin:auto;padding:80px 24px 110px;position:relative}.intro{text-align:center}.intro>span{font-size:10px;letter-spacing:2px;color:#b7a0c9}.intro h1{font:700 clamp(48px,7vw,78px)/1.02 Manrope;margin:20px 0;letter-spacing:-4px}.intro h1 em{font-style:normal;background:linear-gradient(100deg,#b69bfa,#e4a4c7);background-clip:text;-webkit-background-clip:text;color:transparent}.intro>p{color:#9a96a1;max-width:590px;margin:auto;line-height:1.7}.balance{display:inline-flex;align-items:center;gap:15px;margin-top:28px;border:1px solid #403648;border-radius:10px;background:#15121a;padding:12px 17px}.balance small{font-size:9px;letter-spacing:1px;color:#8c7a99}.balance b{font-size:13px;font-weight:500}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}.packs article{position:relative;border:1px solid #2f2d37;border-radius:16px;padding:31px;background:linear-gradient(145deg,#14151b,#0e0f13);box-shadow:0 28px 75px #0005}.packs article.featured{border-color:#87679d;background:linear-gradient(145deg,#211829,#121117);transform:translateY(-10px);box-shadow:0 30px 90px #925ac52a}.packs article>div{position:absolute;right:20px;top:-12px;border-radius:30px;background:linear-gradient(100deg,#b796ec,#dfa9cd);color:#271e2c;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:1px}.packs article>span{font-size:10px;letter-spacing:1.5px;color:#b3a0c0}.packs h2{font:700 64px Manrope;margin:22px 0 0;letter-spacing:-4px}.packs p{margin:0 0 24px;color:#8c8994}.packs strong{display:block;font:600 24px Manrope}.packs small{margin-top:5px;color:#77727e}.packs button{width:100%;margin-top:29px;border:1px solid #4a4351;border-radius:8px;background:#1d1a22;padding:13px;color:#eee8f2;font-weight:600}.packs .featured button{background:linear-gradient(105deg,#b59aee,#dcafd0);color:#241b29;border:0}.packs button:hover{transform:translateY(-2px);box-shadow:0 14px 35px #9c67c22e}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #24222b;margin-top:80px;padding-top:32px}.trust b{font-size:14px}.trust p{font-size:12px;color:#7f7b86;line-height:1.6}dialog{width:min(440px,92vw);border:1px solid #5c4667;border-radius:18px;background:linear-gradient(145deg,#25192d,#111017);color:#eee7f2;padding:34px;text-align:center;box-shadow:0 40px 120px #000a}dialog::backdrop{background:#050408cc;backdrop-filter:blur(8px)}dialog>img{width:42px}dialog h2{font:650 27px/1.25 Manrope;margin:18px 0 10px}dialog p{color:#a49baa;line-height:1.6;font-size:14px}#closeDialog{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#aaa0b0;font-size:24px}.google{width:100%;margin-top:15px;padding:14px;border:0;border-radius:9px;background:#f4f1f6;color:#211d24;font-weight:700}.google span{margin-right:10px;color:#7658b1}#authMessage{min-height:18px;margin-top:12px;color:#d6a6b1}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:none;padding:12px 18px;background:#2a1e31;border:1px solid #785586;border-radius:8px;color:#e8ccef;z-index:10}@media(max-width:760px){header nav a{display:none}main{padding-top:55px}.packs,.trust{grid-template-columns:1fr}.packs article.featured{transform:none}.intro h1{letter-spacing:-2.5px}.trust{gap:15px}}

/* Mobile layout */
@media(max-width:600px){
body{width:100%;overflow-x:hidden}header{height:66px;padding:0 14px}.brand img{width:128px}nav{gap:8px}nav button{min-height:42px;padding:8px 11px;font-size:11px;white-space:nowrap}main{padding:48px 14px 72px}.intro h1{font-size:clamp(39px,12vw,54px);line-height:1.04;letter-spacing:-2.4px;margin:18px 0}.intro>p{font-size:14px;line-height:1.6}.balance{width:100%;max-width:420px;flex-direction:column;gap:7px;padding:13px;text-align:center}.balance b{font-size:12px}.packs{margin-top:48px;gap:14px}.packs article{padding:25px 21px;border-radius:13px}.packs h2{font-size:56px;margin-top:17px}.packs button{min-height:48px}.trust{margin-top:56px;padding-top:26px}.trust>div{padding-bottom:4px}.trust p{margin-bottom:8px}dialog{width:calc(100% - 24px);padding:28px 18px}dialog h2{font-size:22px}.google{min-height:50px}#toast{width:calc(100% - 24px);text-align:center}
}
@media(max-width:380px){header .brand img{width:116px}nav button{max-width:138px;overflow:hidden;text-overflow:ellipsis}.intro h1{font-size:38px}.packs article>div{right:14px}.packs strong{font-size:22px}}
@media(hover:none){.packs button:hover{transform:none}}