*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4ff;background:#070711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 20% 10%,#ff4fd838,#0000 35%),radial-gradient(circle at 80% 0,#36f4ff33,#0000 34%),#070711;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 72px;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:32px;min-height:76vh;padding:56px 0;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow,.section-title p,.panel-label{color:#d8ff38;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:800;display:inline-flex}h1{letter-spacing:-.08em;text-transform:uppercase;max-width:780px;margin:0;font-size:clamp(52px,10vw,124px);line-height:.82}h2{letter-spacing:-.05em;margin:0;font-size:clamp(30px,4vw,52px);line-height:.95}h3{letter-spacing:-.03em;margin:0;font-size:24px}.hero-text,.muted{color:#d6d6e7;max-width:680px;font-size:18px;line-height:1.65}.hero-actions,.row-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-cta,.ghost-cta,.primary-button,.choice-stack button,.vault-form button,.row-actions button{color:#070711;cursor:pointer;background:#d8ff38;border:1px solid #ffffff2e;border-radius:999px;padding:13px 18px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.ghost-cta,.row-actions button:nth-child(2){color:#f4f4ff;background:#ffffff14}.primary-cta:hover,.ghost-cta:hover,.primary-button:hover,button:hover{transform:translateY(-2px);box-shadow:0 14px 36px #d8ff382e}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff26;border-radius:28px;box-shadow:0 24px 90px #00000057}.hero-panel{flex-direction:column;justify-content:center;min-height:360px;padding:28px;display:flex}.hero-panel strong{color:#36f4ff;letter-spacing:-.08em;font-size:88px;line-height:.9;display:block}.hero-panel span{color:#d6d6e7;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.ticker{color:#ff4fd8;background:#070711b3;border-radius:18px;margin-top:32px;padding:14px;line-height:1.5}.orb{filter:blur(10px);opacity:.55;border-radius:50%;animation:9s ease-in-out infinite float;position:absolute}.orb-one{background:#ff4fd8;width:240px;height:240px;top:8%;right:18%}.orb-two{background:#36f4ff;width:180px;height:180px;animation-delay:-4s;bottom:12%;left:5%}@keyframes float{50%{transform:translate(20px,-30px)scale(1.08)}}.section-block{z-index:1;padding:52px 0;position:relative}.section-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.section-title svg{color:#d8ff38}.lore-grid,.prediction-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lore-card,.prediction-card,.quiz-card,.vault-card,.launch-card{padding:24px}.lore-card span,.card span,.progress{color:#36f4ff;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.lore-card p,.card p,.prediction-card p,.vault-result p,.launch-card p,li{color:#d6d6e7;line-height:1.55}.lore-card small{color:#d8ff38}.split-section{grid-template-columns:.8fr 1.2fr;align-items:start;gap:22px;display:grid}.choice-stack{gap:12px;margin-top:24px;display:grid}.choice-stack button{color:#f4f4ff;text-align:left;background:#ffffff14;width:100%}.result-card{gap:10px;display:grid}.result-card svg{color:#d8ff38}.result-card p{color:#36f4ff;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.result-card strong{color:#d8ff38}.result-card span{color:#d6d6e7;line-height:1.55}.card-pack{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.card{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:250px;padding:22px;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(circle,#ffffff47,#0000 65%);height:160px;position:absolute;inset:-40% -20% auto;transform:rotate(-12deg)}.rarity-common{box-shadow:inset 0 0 0 1px #36f4ff40}.rarity-rare{box-shadow:inset 0 0 0 1px #ff4fd873,0 18px 60px #ff4fd81f}.rarity-mythic{box-shadow:inset 0 0 0 1px #d8ff3899,0 18px 70px #d8ff382e}.primary-button{border:0;display:inline-flex}.vault-form{gap:10px;margin:18px 0;display:flex}.vault-form input{color:#fff;background:#00000059;border:1px solid #ffffff26;border-radius:999px;outline:none;width:100%;padding:13px 16px}.vault-result{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:18px}.vault-result.unlocked{border-color:#d8ff3899;box-shadow:0 0 32px #d8ff3824}.launch-card svg{color:#ff4fd8}.vote-row{color:#f4f4ff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:1fr auto;gap:12px;width:100%;margin-top:12px;padding:14px;display:grid;position:relative;overflow:hidden}.vote-row span,.vote-row strong{z-index:1;position:relative}.vote-row i{pointer-events:none;background:linear-gradient(90deg,#d8ff3852,#ff4fd82e);position:absolute;inset:0 auto 0 0}@media (width<=880px){.hero,.split-section{grid-template-columns:1fr}.lore-grid,.prediction-grid,.card-pack{grid-template-columns:1fr 1fr}h1{font-size:clamp(52px,18vw,96px)}}@media (width<=560px){.app-shell{width:min(100% - 20px,1180px);padding-top:12px}.hero{min-height:auto;padding-top:28px}.lore-grid,.prediction-grid,.card-pack{grid-template-columns:1fr}.hero-panel strong{font-size:64px}.vault-form{flex-direction:column}}
