*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#eef2ff;scroll-behavior:smooth;background:#050814;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body{line-height:1.6}a{color:inherit;text-decoration:none}:root{--sf-bg:#050814;--sf-bg-alt:#0a0f1a;--sf-bg-soft:#121826;--sf-panel:#0d1320;--sf-border-subtle:#ffffff14;--sf-gold:#f5d37c;--sf-gold-soft:#eacb78cc;--sf-text:#eef2ff;--sf-muted:#9ca3af;--sf-radius-lg:20px;--sf-radius-md:12px;--sf-radius-sm:8px}.app-shell{background:radial-gradient(circle at top left,#f5d37c1f,transparent),radial-gradient(circle at 70% 10%,#60a5fa1f,transparent),var(--sf-bg);flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.page{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.page--showcase{padding-top:60px}.section{margin-top:80px}.section:first-of-type{margin-top:40px}.section--showcase-intro{max-width:720px;margin:0 auto 40px}.section--showcase-grid{margin-top:24px}.section--waitlist{max-width:720px;margin:80px auto 0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sf-gold-soft);margin-bottom:10px;font-size:13px}.eyebrow--section{color:#eff6ffcc}.section__title{background:linear-gradient(90deg,#fff,#f3e8c5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:30px;font-weight:700;line-height:1.25}.section__body{color:#e2e8f0e6;margin-bottom:12px;font-size:16px}.section__body--small{color:var(--sf-muted);font-size:14px}.link-inline{text-underline-offset:3px;color:var(--sf-gold);text-decoration:underline;text-decoration-thickness:1px}.link-inline:hover{color:#facc15}.navbar{border-bottom:1px solid var(--sf-border-subtle);z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0d1320,#050814);justify-content:space-between;align-items:center;width:100%;padding:18px 28px;display:flex;position:sticky;top:0}.navbar__left{align-items:center;gap:14px;display:flex}.navbar__logo{width:38px;height:38px}.navbar__title{letter-spacing:.14em;font-size:20px;font-weight:600}.navbar__links{gap:20px;display:flex}.navbar__link{opacity:.85;font-size:15px;position:relative}.navbar__link:hover{opacity:1}.navbar__link:after{content:"";background:var(--sf-gold);width:0;height:2px;transition:width .25s;position:absolute;bottom:-3px;left:0}.navbar__link:hover:after{width:100%}@media (max-width:768px){.navbar{padding-inline:18px}.navbar__links{gap:14px;font-size:14px}.navbar__title{font-size:18px}}.footer{border-top:1px solid var(--sf-border-subtle);background:#050816;margin-top:80px;padding:40px 26px}.footer__inner{justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer__left p:first-child{opacity:.8;font-size:15px}.footer__left p:last-child{opacity:.6;margin-top:6px;font-size:14px}.footer__right{text-align:right}.footer__right span{opacity:.85;margin-bottom:6px;font-size:15px;display:block}.footer__social{justify-content:flex-end;gap:16px;display:flex}.footer__social a{opacity:.7;font-size:14px}.footer__social a:hover{opacity:1;color:var(--sf-gold)}@media (max-width:768px){.footer__inner{text-align:left;flex-direction:column}.footer__right{text-align:left}.footer__social{justify-content:flex-start}}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .1s,box-shadow .18s;display:inline-flex}.btn--primary{background:var(--sf-gold);color:#111827;box-shadow:0 0 #f5d37c80}.btn--primary:hover{background:#facc15;transform:translateY(-1px)}.btn--ghost{color:var(--sf-text);background:0 0;border-color:#94a3b899}.btn--ghost:hover{border-color:var(--sf-gold);color:var(--sf-gold)}.btn--pulse{animation:3.2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 #f5d37c40}50%{box-shadow:0 0 20px #f5d37c99}to{box-shadow:0 0 #f5d37c40}}.hero{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;padding:80px 0 40px;display:flex}.hero__content{text-align:left;max-width:560px}.hero__title{margin-bottom:18px;font-size:40px;line-height:1.1}.hero__title span{display:inline-block}.hero__title-highlight{background:linear-gradient(90deg,#f97316,#facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#e2e8f0e6;margin-bottom:22px;font-size:16px}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hero__meta{color:var(--sf-muted);font-size:13px}.hero__visual{flex-direction:column;flex:1;align-items:center;display:flex}.hero__visual-meta{color:var(--sf-muted);margin-top:14px;font-size:14px}.hero__visual-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.hero__visual-link:hover{color:var(--sf-gold)}@media (min-width:900px){.hero{flex-direction:row;align-items:center;gap:60px}.hero__content{flex:1.1}.hero__visual{flex:1}.hero__title{font-size:46px}}.coin-arc{justify-content:center;align-items:flex-end;gap:26px;margin-top:20px;display:flex;position:relative}.coin-arc__coin{z-index:2;width:170px;height:170px;transition:transform .25s,z-index .25s,filter .25s;position:relative}.coin-arc__coin--center{z-index:3;width:210px;height:210px;margin-bottom:10px}.coin-arc__coin--left{transform:translateY(14px)rotate(-8deg)}.coin-arc__coin--right{transform:translateY(14px)rotate(8deg)}.coin-arc__coin:hover{z-index:5;filter:brightness(1.08);transform:translateY(-10px)scale(1.07)rotate(0)}.coin-arc__image{object-fit:contain}@media (max-width:640px){.coin-arc{gap:10px;margin-top:16px}.coin-arc__coin{width:100px;height:100px}.coin-arc__coin--center{width:130px;height:130px;margin-bottom:4px}.coin-arc__coin--left{transform:translateY(10px)rotate(-6deg)}.coin-arc__coin--right{transform:translateY(10px)rotate(6deg)}.coin-arc__coin:hover{transform:translateY(-6px)scale(1.05)rotate(0)}}.section--binding{margin-top:80px}.binding-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-top:40px;display:flex}.binding-grid__item{flex-direction:column;align-items:center;display:flex}.binding-grid__image{border-radius:var(--sf-radius-lg);border:1px solid var(--sf-border-subtle);background:radial-gradient(circle at 20% 0,#f5d37c1f,#0000),#020617;width:220px;height:220px;position:relative;overflow:hidden}.binding-grid__image--champion{width:260px;height:380px}.binding-grid__img{object-fit:contain}.binding-grid__glow{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 50% 0,#f5d37c24,#0000 60%);position:absolute;inset:0}.binding-grid__glow--champion{background:radial-gradient(circle at 50% 0,#60a5fa29,#0000 60%)}.binding-grid__label{text-align:center;opacity:.78;margin-top:10px;font-size:15px}.binding-grid__connector{flex-direction:column;align-items:center;gap:6px;min-width:80px;display:flex}.binding-grid__word{letter-spacing:.22em;text-transform:uppercase;color:var(--sf-muted);font-size:14px}.binding-grid__arrow{background:#94a3b8b3;width:40px;height:2px;position:relative}.binding-grid__arrow:after{content:"";border-top:2px solid #94a3b8b3;border-right:2px solid #94a3b8b3;width:8px;height:8px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)rotate(45deg)}@media (max-width:768px){.binding-grid{gap:26px}.binding-grid__image--champion{width:230px;height:340px}}.section--text{max-width:720px;margin:80px auto 0}.section--waitlist{text-align:left}.section--waitlist form{margin-top:22px}.section--waitlist input,.section--waitlist button,.section--waitlist textarea{font-family:inherit}.waitlist-form{flex-wrap:wrap;gap:12px;display:flex}.section--showcase-grid{max-width:1000px;margin:0 auto}.coin-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;display:grid}.coin-card{border-radius:var(--sf-radius-lg);border:1px solid var(--sf-border-subtle);cursor:pointer;background:radial-gradient(circle at 0 0,#f5d37c24,#0000 60%),#020617;flex-direction:column;align-items:stretch;gap:12px;padding:16px 14px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.coin-card:hover{border-color:#f5d37c8c;transform:translateY(-6px);box-shadow:0 20px 40px #0f172ae6}.coin-card__image-wrapper{aspect-ratio:1;width:100%;position:relative}.coin-card__image-wrapper:before{content:"";z-index:0;background:radial-gradient(circle,#503c1ed9 0%,#322814f2 60%,#1e190f 100%);position:absolute;inset:0}.coin-card__image{z-index:1;object-fit:contain;filter:sepia(.25)contrast(1.1)brightness(.9)saturate(.85);transition:filter .25s;position:relative}.coin-card:hover .coin-card__image{filter:sepia(.15)contrast(1.15)brightness()saturate()}.coin-card__info{flex-direction:column;gap:4px;display:flex}.coin-card__name{font-size:16px;font-weight:600}.coin-card__realm{color:var(--sf-muted);font-size:13px}.coin-card__rarity{color:#e2e8f0e6;font-size:13px}.coin-card__rarity-text{color:var(--sf-muted)}.modal-overlay{z-index:10000;background:#0f172ad9;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--sf-border-subtle);background:#080e1afa;border-radius:22px;width:100%;max-width:1200px;max-height:90vh;padding:26px 26px 24px;position:relative;overflow:auto;box-shadow:0 30px 60px #0f172ae6}.modal__close{cursor:pointer;color:#94a3b8cc;background:0 0;border:none;font-size:26px;transition:color .15s,transform .1s;position:absolute;top:18px;right:22px}.modal__close:hover{color:var(--sf-gold);transform:scale(1.05)}.modal__layout{align-items:flex-start;gap:32px;margin-top:12px;display:flex}.modal__image-wrapper{aspect-ratio:3/4;border-radius:var(--sf-radius-lg);border:1px solid var(--sf-border-subtle);background:radial-gradient(circle at 20% 0,#60a5fa38,#0000 60%),#020617;flex:0 0 40%;max-width:420px;position:relative;overflow:hidden}.modal__image{object-fit:contain}.modal__details{flex-direction:column;flex:1;gap:8px;display:flex}.modal__title{margin-bottom:4px;font-size:28px;font-weight:700}.modal__realm,.modal__rarity{color:var(--sf-muted);font-size:14px}.modal__rarity-icons{color:var(--sf-gold);font-size:15px}.modal__blurb{color:#e2e8f0eb;margin-top:10px;font-size:15px}.modal__hint{color:#94a3b8f2;margin-top:14px;font-size:13px}@media (max-width:900px){.modal{padding:22px 18px 20px}.modal__layout{flex-direction:column;gap:22px}.modal__image-wrapper{aspect-ratio:3/4;width:100%;max-width:none}.modal__title{font-size:24px}}.page-section{max-width:1400px;margin:0 auto;padding:70px 24px}.showcase-grid{grid-template-columns:repeat(auto-fill,180px);justify-content:center;gap:30px;margin-top:50px;display:grid}.showcase-grid img{width:100%;transition:transform .25s,filter .25s}.showcase-grid img:hover{filter:brightness(1.2);cursor:pointer;transform:translateY(-8px)scale(1.05)}.page--codex{max-width:1100px}.codex-hero{margin-top:40px}.codex-hero__content{max-width:720px}.codex-hero__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.codex-section{max-width:900px;margin:70px auto 0}.codex-section__title{margin-bottom:14px;font-size:24px;font-weight:700}.codex-realms-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:20px;display:grid}.codex-realm-group__label{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8e6;margin-bottom:6px;font-size:13px}.codex-realm-group ul{padding-left:0;list-style:none}.codex-realm-group li{color:#e2e8f0e6;margin-bottom:6px;font-size:14px}.codex-section--split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;display:grid}.codex-section__column{min-width:0}.codex-subtitle{margin-bottom:10px;font-size:16px;font-weight:600}.codex-list{padding-left:0;list-style:none}.codex-list li{color:#e2e8f0e6;margin-bottom:8px;font-size:14px}.codex-section--panel{background:radial-gradient(circle at 0 0,#f5d37c14,#0000 55%),#0f172ae6;border:1px solid #94a3b84d;border-radius:18px;padding:24px 20px 26px}.codex-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}@media (max-width:900px){.codex-section--split{grid-template-columns:minmax(0,1fr)}.codex-hero__content{text-align:left}}.page--binding{max-width:1100px}.binding-hero__content{max-width:720px}.binding-hero__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.binding-section{max-width:900px;margin:70px auto 0}.binding-section__title{margin-bottom:14px;font-size:24px;font-weight:700}.binding-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-top:28px;display:grid}.binding-step__number{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8e6;margin-bottom:8px;font-size:14px}.binding-step__title{margin-bottom:8px;font-size:18px;font-weight:600}.binding-section--panel{background:radial-gradient(circle at 0 0,#f5d37c14,#0000 55%),#0f172ae6;border:1px solid #94a3b84d;border-radius:18px;padding:24px 20px 26px}.binding-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}@media (max-width:900px){.binding-steps{grid-template-columns:1fr}}.page--coins{max-width:1100px}.coins-hero__content{max-width:720px}.coins-hero__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.coins-section{max-width:900px;margin:70px auto 0}.coins-section__title{margin-bottom:14px;font-size:24px;font-weight:700}.coins-spec-list{margin-top:16px;padding-left:0;list-style:none}.coins-spec-list li{color:#e2e8f0e6;margin-bottom:8px;font-size:15px}.coins-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px;margin-top:28px;display:grid}.coins-grid__item{text-align:center}.coins-grid__thumb{aspect-ratio:1;background:#020617;border:1px solid #ffffff14;border-radius:18px;width:100%;position:relative;overflow:hidden}.coins-grid__label{opacity:.85;margin-top:10px;font-size:14px}.coins-packaging-placeholder{text-align:center;opacity:.7;border:1px dashed #fff3;border-radius:16px;margin-top:20px;padding:40px;font-size:14px}.coins-section--panel{background:radial-gradient(circle at 0 0,#f5d37c14,#0000 55%),#0f172ae6;border:1px solid #94a3b84d;border-radius:18px;padding:24px 20px 26px}.coins-cta{margin-top:16px}.page--faq{max-width:1100px}.faq-hero{text-align:left;max-width:720px;margin-left:auto;margin-right:auto}.faq-section{max-width:900px;margin:70px auto 0}.faq-section__title{margin-bottom:14px;font-size:24px;font-weight:700}.faq-list{flex-direction:column;gap:26px;display:flex}.faq-item{border-bottom:1px solid #ffffff14;padding-bottom:10px}.faq-question{margin-bottom:8px;font-size:18px;font-weight:600}.faq-answer{color:#e2e8f0e6;font-size:15px}.faq-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.page--contact{max-width:900px}.contact-hero{max-width:720px;margin-left:auto;margin-right:auto}.contact-section{max-width:720px;margin:60px auto 0}.contact-section__title{margin-bottom:20px;font-size:24px;font-weight:700}.contact-card{background:#0f172ad9;border:1px solid #94a3b840;border-radius:16px;margin-bottom:18px;padding:18px 22px}.contact-label{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8e6;margin-bottom:6px;font-size:13px}.contact-info{font-size:16px}.contact-link{color:#f1f5f9;text-underline-offset:3px;text-decoration:underline}.contact-link:hover{opacity:.8}.contact-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.page--notfound{text-align:center;max-width:720px}.notfound-hero{margin:100px auto 0}.notfound-title{margin-bottom:12px;font-size:40px;font-weight:700}.notfound-text{color:#e2e8f0d9;margin-bottom:28px;font-size:18px}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.coin-card__name{color:#f8fafc;text-align:center;margin-bottom:4px;font-weight:600}@media (max-width:640px){.page{padding:30px 16px 60px}.navbar__links{flex-wrap:wrap;gap:12px;font-size:13px}.coin-grid{gap:22px;grid-template-columns:1fr!important}.coin-card{width:100%;max-width:500px;margin:0 auto;padding:14px 12px}.coin-card__image-wrapper{aspect-ratio:1;width:100%}.coin-card__name{font-size:15px}.coin-card__rarity,.coin-card__realm{font-size:12px}.coin-card{max-width:100%!important}.coin-card__image-wrapper{aspect-ratio:1;width:100%;height:auto}.hero{gap:24px;padding:60px 0 20px}.hero__title{font-size:32px}.hero__actions{justify-content:center}.footer{margin-top:60px;padding:30px 20px}.footer__inner{gap:26px}}.navbar__hamburger{display:none}.navbar__hamburger .bar{background:#f1f5f9;width:22px;height:2px;margin:4px 0;transition:all .3s}.mobile-menu{display:none}@media (max-width:640px){.navbar{align-items:center;display:flex;height:60px!important;padding:0 16px!important}.navbar__inner{align-items:center;height:100%;padding:0}.navbar__brand{gap:6px}.navbar__brand-logo{width:26px;height:26px}.navbar__brand-text{font-size:15px}.page{padding-top:80px!important}.navbar__links{display:none}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;padding:8px;display:flex}.navbar__hamburger .bar.open:first-child{transform:rotate(45deg)translate(4px,4px)}.navbar__hamburger .bar.open:nth-child(2){opacity:0}.navbar__hamburger .bar.open:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-menu{transform-origin:top;background:#0a0f15;border-top:1px solid #1e2a38;flex-direction:column;gap:16px;padding:20px 16px;transition:all .25s;display:flex;transform:scaleY(0)}.mobile-menu.open{transform:scaleY(1)}.mobile-menu a{color:#f1f5f9;letter-spacing:.5px;font-size:15px}.navbar{z-index:10000;width:100%;position:fixed;top:0;left:0}.mobile-menu{z-index:9999;background:#0a0f15;border-bottom:1px solid #1e2a38;width:100%;max-height:none;padding:20px 16px;position:absolute;top:60px;left:0;overflow:visible}}.navbar__inner{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar__logo{letter-spacing:.12em;color:#f1f5f9;cursor:pointer;font-size:18px;font-weight:700}.navbar__logo:hover{color:var(--sf-gold)}.navbar__brand{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar__brand-logo{object-fit:contain;width:34px;height:34px}.navbar__brand-text{letter-spacing:.15em;color:#f1f5f9;font-size:18px;font-weight:700}.navbar__brand:hover .navbar__brand-text{color:var(--sf-gold)}.reverseSection{text-align:center;margin-top:50px}.reverseImage{border-radius:15px}.reverseLabel{color:#ddd;text-align:center;margin-top:10px;font-size:1.2rem}.reverse-wrapper{justify-content:center;width:100%;margin-top:40px;display:flex}@media (max-width:900px){.reverse-floating{justify-content:center;margin-top:40px;display:flex;position:static}}.reverse-floating{flex-direction:column;align-items:center;display:flex;position:absolute;top:340px;right:10%}.reverse-floating .coins-grid__thumb{border-radius:16px;width:180px;height:180px;overflow:hidden}@media (max-width:900px){.reverse-floating{justify-content:center;margin-top:20px;display:flex;position:static}}