@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Inter:wght@400;600;700;800;900&display=swap');

:root{
  color-scheme:dark;
  --bg:#100f12;
  --ink:#fff8ee;
  --muted:rgba(255,248,238,.72);
  --dim:rgba(255,248,238,.48);
  --line:rgba(255,248,238,.14);
  --card:rgba(255,255,255,.075);
  --warm:#f0a764;
  --green:#b5ef9d;
  --blue:#7bdcff;
  --violet:#b8a1ff;
  --inkblack:#2e2a23;
  --paper:#e9e4d8;
  --red:#ff5f7a;
  --gold:#ffd37c;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,"Noto Serif SC",system-ui,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(240,167,100,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(123,220,255,.18),transparent 32%),radial-gradient(circle at 50% 108%,rgba(181,239,157,.18),transparent 38%),linear-gradient(135deg,#101014,#17151a 52%,#0a0a0d);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:999px;filter:blur(80px);pointer-events:none;opacity:.28}.ambient-a{width:42vw;height:42vw;left:-12vw;top:8vh;background:var(--warm)}.ambient-b{width:38vw;height:38vw;right:-10vw;bottom:6vh;background:var(--green)}button,input{font:inherit}button{cursor:pointer}.hub-shell,.detail-shell{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;padding:42px 20px 80px}.hero-panel{border:1px solid var(--line);border-radius:38px;padding:clamp(26px,5vw,58px);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04));box-shadow:0 32px 90px rgba(0,0,0,.42);backdrop-filter:blur(20px)}.eyebrow{margin:0 0 12px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-panel h1,.detail-copy h1{font-family:"Noto Serif SC",serif;font-size:clamp(46px,8vw,88px);line-height:1.04;letter-spacing:-.06em;margin:0 0 18px}.lead{max-width:760px;color:var(--muted);font-size:clamp(16px,2vw,21px);line-height:1.78}.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.gate-card{border:1px solid var(--line);border-radius:28px;padding:22px;background:rgba(8,8,12,.46)}.claim-card{background:linear-gradient(180deg,rgba(181,239,157,.09),rgba(255,255,255,.04))}.unlock-card{background:linear-gradient(180deg,rgba(240,167,100,.10),rgba(255,255,255,.04))}.gate-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.gate-kicker{margin:0 0 5px;color:var(--dim);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.gate-head h2{font-size:22px;margin:0}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid rgba(181,239,157,.35);border-radius:999px;padding:7px 11px;color:var(--green);background:rgba(181,239,157,.09);font-size:12px;font-weight:900}.status-pill.muted{color:var(--dim);border-color:var(--line);background:rgba(255,255,255,.05)}.gate-desc{color:var(--muted);line-height:1.72;margin:16px 0}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px}.form-row input{min-height:54px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.08);color:var(--ink);padding:0 16px;text-transform:uppercase}.form-row button,.claim-result button,.start-btn,.ghost-link{min-height:54px;border:0;border-radius:18px;padding:0 18px;background:linear-gradient(180deg,#f4b474,#d7833f);color:white;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.claim-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:13px;background:rgba(255,255,255,.07)}.claim-result[hidden]{display:none}#claimedCode{color:var(--green);font-weight:950;letter-spacing:.12em}.claim-result button,.ghost-link{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--ink)}.message{min-height:22px;color:var(--green);line-height:1.5;margin:12px 0 0}.message.error{color:#ff9da7}.tests-section{margin-top:44px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-title h2{font-family:"Noto Serif SC",serif;font-size:clamp(30px,5vw,54px);margin:0}.section-title p:last-child{max-width:520px;color:var(--muted);line-height:1.7}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.test-card{position:relative;overflow:hidden;min-height:260px;border:1px solid var(--line);border-radius:32px;padding:22px;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.07);box-shadow:0 24px 60px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.test-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(0,0,0,.38)}.test-card::before{content:"";position:absolute;inset:0;opacity:.92;pointer-events:none}.test-card.theme-vitality::before{background:radial-gradient(circle at 18% 10%,rgba(240,167,100,.34),transparent 38%),radial-gradient(circle at 88% 16%,rgba(181,239,157,.28),transparent 34%)}.test-card.theme-ai::before{background:radial-gradient(circle at 18% 12%,rgba(123,220,255,.35),transparent 36%),radial-gradient(circle at 86% 22%,rgba(184,161,255,.32),transparent 34%)}.test-card.theme-immortal::before{background:radial-gradient(circle at 16% 12%,rgba(233,228,216,.32),transparent 36%),linear-gradient(135deg,rgba(244,239,228,.20),rgba(46,42,35,.12))}.test-card.theme-worker::before{background:radial-gradient(circle at 18% 12%,rgba(255,95,122,.30),transparent 34%),radial-gradient(circle at 88% 22%,rgba(255,211,124,.28),transparent 34%)}.test-visual{position:absolute;right:24px;top:24px;width:108px;height:108px;border-radius:32px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.test-visual span{font-size:54px}.test-copy{position:relative;z-index:1;max-width:72%;padding-top:86px}.test-copy p{color:var(--green);font-weight:900;margin-bottom:8px}.test-copy h3{font-family:"Noto Serif SC",serif;font-size:32px;line-height:1.16;margin-bottom:12px}.test-copy small{display:block;color:var(--muted);line-height:1.65;font-size:15px}.mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mini-tags em,.detail-tags span{font-style:normal;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.07);color:var(--muted);font-size:12px;font-weight:800}.back-link{display:inline-flex;color:var(--muted);text-decoration:none;margin-bottom:22px}.detail-hero{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:26px;align-items:stretch;border:1px solid var(--line);border-radius:38px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:0 32px 90px rgba(0,0,0,.42)}.detail-art{min-height:480px;border-radius:32px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.detail-art::before{content:"";position:absolute;inset:0}.detail-art span{position:relative;z-index:1;font-size:160px}.detail-vitality .detail-art::before{background:radial-gradient(circle at 35% 26%,rgba(240,167,100,.50),transparent 35%),radial-gradient(circle at 70% 70%,rgba(181,239,157,.44),transparent 42%),linear-gradient(135deg,#21170f,#24301c)}.detail-ai .detail-art::before{background:radial-gradient(circle at 38% 28%,rgba(123,220,255,.55),transparent 34%),radial-gradient(circle at 68% 72%,rgba(184,161,255,.46),transparent 42%),linear-gradient(135deg,#0b1628,#19122a)}.detail-immortal .detail-art::before{background:radial-gradient(circle at 30% 26%,rgba(244,239,228,.50),transparent 34%),linear-gradient(135deg,#e9e4d8,#2e2a23)}.detail-worker .detail-art::before{background:radial-gradient(circle at 36% 24%,rgba(255,95,122,.50),transparent 34%),radial-gradient(circle at 72% 70%,rgba(255,211,124,.46),transparent 40%),linear-gradient(135deg,#251118,#2c2412)}.detail-copy{padding:18px 6px}.detail-copy .lead{max-width:720px}.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.detail-notice{color:var(--dim);line-height:1.7}.detail-panel{margin-top:24px;border:1px solid var(--line);border-radius:30px;padding:26px;background:rgba(255,255,255,.065)}.detail-panel h2{font-family:"Noto Serif SC",serif;font-size:34px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid div{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.055)}.feature-grid b{color:var(--green)}.feature-grid p{color:var(--muted);line-height:1.65;margin:8px 0 0}
@media(max-width:820px){.hub-shell,.detail-shell{padding:18px 14px 52px}.gate-grid,.test-grid,.detail-hero,.feature-grid{grid-template-columns:1fr}.section-title{display:block}.form-row{grid-template-columns:1fr}.hero-panel,.detail-hero{border-radius:28px;padding:20px}.test-copy{max-width:100%;padding-top:120px}.test-card{min-height:300px}.detail-art{min-height:300px}.detail-art span{font-size:120px}.claim-result{align-items:stretch;flex-direction:column}.gate-head{flex-direction:column}.hero-panel h1,.detail-copy h1{font-size:clamp(38px,12vw,58px)}}