:root{
  --ink:#241d35;--ink-soft:#504663;--cream:#fffaf6;--white:#fff;
  --lavender:#8c78f6;--violet:#6955d9;--lilac:#ddd7ff;--pink:#ff8fbd;
  --peach:#ffc8a8;--mint:#a9efd9;--sky:#cfe8ff;--line:#d9d0e7;
  --shadow:0 24px 70px rgba(68,47,112,.14);--small-shadow:0 10px 28px rgba(77,56,121,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;line-height:1.65;background:radial-gradient(circle at 10% 0%,#eadfff 0,transparent 30%),radial-gradient(circle at 95% 10%,#ffdcea 0,transparent 25%),linear-gradient(180deg,#fbf8ff 0,#fffaf6 52%,#f6f1ff 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(#7968d6 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 55%)}a{color:inherit}header{width:min(1180px,calc(100% - 36px));height:74px;margin:18px auto 0;padding:0 18px 0 22px;display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.82);border:1px solid rgba(105,85,217,.2);border-radius:22px;box-shadow:var(--small-shadow);backdrop-filter:blur(18px);position:sticky;top:12px;z-index:30}.brand{text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-1px;display:flex;align-items:center}.brand i{width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,var(--pink),var(--lavender));box-shadow:inset 0 0 0 3px white,0 4px 10px #8c78f666;margin-right:9px;position:relative}.brand i:after{content:"♥";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:12px}.brand span{color:var(--violet)}header nav{display:flex;gap:22px;margin-left:auto}header nav a,.ticker a,footer a{text-decoration:none;font-size:13px;font-weight:700}header nav a{color:var(--ink-soft);position:relative}header nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-6px;background:var(--pink);transition:.2s}header nav a:hover:after{right:0}.steam,.button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--violet),#8c78f6);color:white;text-decoration:none;padding:12px 18px;font-weight:800;font-size:12px;box-shadow:0 8px 18px #7562dc40;display:inline-flex;align-items:center;justify-content:center}.steam:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7562dc55}.menu{display:none}.ticker{width:min(1040px,calc(100% - 64px));min-height:42px;margin:10px auto 0;background:rgba(247,242,255,.86);border:1px solid #ddd3fa;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:25px;padding:7px 16px;box-shadow:0 7px 22px rgba(92,69,147,.07)}.ticker span{background:#281f3c;color:#fff;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.ticker a{font-size:11px;color:#695d78;white-space:nowrap}.ticker a:before{content:"✦ ";color:var(--pink)}main{max-width:1180px;margin:auto;padding:42px 24px 100px}.crumb{font-size:11px;display:flex;gap:9px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.08em;color:#756a83}.crumb a{color:var(--violet);font-weight:800}.hero{min-height:590px;position:relative;border-radius:38px;overflow:hidden;display:flex;align-items:center;background:#211b30;box-shadow:var(--shadow);isolation:isolate}.hero:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.2);border-radius:28px;z-index:4;pointer-events:none}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.02) brightness(.9) contrast(1.03);z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,24,47,.05) 0,rgba(31,24,47,.28) 40%,rgba(31,24,47,.94) 70%),linear-gradient(0deg,rgba(31,24,47,.75),transparent 52%);z-index:-1}.hero-copy{color:white;padding:64px 58px;max-width:650px;margin-left:auto}.hero-copy>span,.kicker,.section-head span,.card>span,.char-grid span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy>span{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 11px;color:#eee9ff}.hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:22px 0}.hero h1:after{content:"_";color:var(--pink);animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero p{font-size:17px;color:#e7e0ef;max-width:560px}.actions{display:flex;gap:13px;margin-top:30px}.button.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);box-shadow:none;backdrop-filter:blur(8px)}section:not(.hero){margin-top:76px}.answer{background:rgba(255,255,255,.9);border:1px solid #ded4eb;border-radius:26px;padding:30px 34px;box-shadow:var(--small-shadow);display:grid;grid-template-columns:150px 1fr;gap:28px;position:relative;overflow:hidden}.answer:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-55px;background:linear-gradient(135deg,var(--pink),var(--peach));opacity:.28}.answer>b{font-size:10px;letter-spacing:.14em;color:var(--violet);padding-top:6px}.answer p{font-size:18px;margin:0}.warning{background:#fff8f2;border-color:#f2c6ae}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head span,.kicker{color:var(--violet)}.section-head h2,section h2{font-size:clamp(29px,4vw,42px);line-height:1.1;letter-spacing:-.045em;margin:7px 0}.section-head>a{font-size:12px;font-weight:800;color:var(--violet);text-decoration:none}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;min-height:235px;background:rgba(255,255,255,.92);border:1px solid #e0d8e9;border-radius:25px;padding:25px;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(73,53,110,.07);transition:.22s}.card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-50px;top:-50px;background:var(--lilac);transition:.22s}.card:nth-child(2n):after{background:#ffd8e8}.card:nth-child(3n):after{background:#c9f1e3}.card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 20px 42px rgba(73,53,110,.15);border-color:#bfb2e1}.card>span{color:var(--violet)}.card h3{font-size:22px;margin:34px 0 7px;letter-spacing:-.025em}.card p{font-size:14px;color:var(--ink-soft);margin:0}.card b{margin-top:auto;color:var(--violet);font-size:12px}.split{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:34px;background:linear-gradient(145deg,#ded7ff,#f1dff0);box-shadow:var(--shadow);overflow:hidden;min-height:430px}.split>div{padding:52px}.split img{width:100%;height:100%;object-fit:none;object-position:left top;min-height:430px}.table-wrap{overflow:auto;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;box-shadow:var(--small-shadow)}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:16px 19px;border-bottom:1px solid #e7e0ed}th{font-size:10px;letter-spacing:.1em;background:#2c2440;color:white}tr:last-child td{border-bottom:0}.steps{list-style:none;padding:0;counter-reset:item;display:grid;grid-template-columns:1fr 1fr;gap:14px}.steps li{counter-increment:item;display:grid;grid-template-columns:46px 1fr;gap:8px 14px;padding:22px;background:rgba(255,255,255,.9);border:1px solid #dfd6ea;border-radius:21px;box-shadow:0 6px 18px rgba(69,48,105,.05)}.steps li:before{content:counter(item,decimal-leading-zero);grid-row:span 2;font-size:22px;color:var(--pink);font-weight:800}.steps li b{font-size:15px}.steps li span{font-size:13px;color:var(--ink-soft)}.terminal{background:linear-gradient(145deg,#292238,#1f192c);color:#c8ffe7;padding:29px;border-radius:22px;box-shadow:0 16px 40px rgba(43,32,65,.25);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.terminal:before{content:"●  ●  ●";display:block;color:#ff91bd;letter-spacing:6px;margin-bottom:20px}.note{color:var(--ink-soft);font-size:13px}.achievement-grid,.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-grid div,.char-grid article{background:rgba(255,255,255,.93);border:1px solid #ded5e8;border-radius:22px;padding:24px;display:flex;flex-direction:column;box-shadow:0 7px 20px rgba(63,45,94,.06)}.achievement-grid span{color:var(--ink-soft);font-size:13px}.char-grid article{min-height:190px;position:relative;overflow:hidden}.char-grid article:after{content:"♡";position:absolute;right:17px;top:11px;color:#e094bb;font-size:25px}.char-grid span{color:var(--violet)}.char-grid h3{margin-top:auto;font-size:20px}.char-grid p{font-size:13px;color:var(--ink-soft)}.spoiler{padding:32px;border:1px solid #efb5be;border-radius:24px;background:#fff4f6;box-shadow:var(--small-shadow)}.checks li::marker{content:"♡  ";color:var(--pink)}footer{width:min(1180px,calc(100% - 36px));margin:0 auto 28px;background:#282139;color:white;padding:44px;border-radius:30px;display:grid;grid-template-columns:1fr auto;gap:25px;box-shadow:var(--shadow)}footer p{color:#c5bdcf;max-width:450px;font-size:13px}footer nav{display:flex;gap:20px}footer small{grid-column:1/-1;color:#91889d;border-top:1px solid #4a4259;padding-top:18px}.brand i{flex:none}
@media(max-width:850px){header{height:66px;top:8px}header nav,.steam{display:none}.menu{display:block;margin-left:auto;border:0;border-radius:999px;background:#ede8ff;padding:9px 13px;color:var(--violet);font-weight:800;font-size:11px}.menu[aria-expanded=true]+nav{display:flex;position:absolute;top:74px;left:0;right:0;background:white;padding:20px;flex-direction:column;border:1px solid #ddd3e9;border-radius:20px;box-shadow:var(--shadow)}.ticker{justify-content:start;overflow:auto;width:calc(100% - 36px)}.hero{min-height:620px;align-items:end;border-radius:30px}.hero:after{background:linear-gradient(0deg,rgba(31,24,47,.97),rgba(31,24,47,.2) 75%)}.hero-copy{padding:38px 32px;margin:0}.hero h1{font-size:50px}.answer{grid-template-columns:1fr;gap:8px}.card{grid-column:span 6}.split{grid-template-columns:1fr}.split>div{padding:36px}.steps{grid-template-columns:1fr}.achievement-grid,.char-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:520px){header{width:calc(100% - 22px);margin-top:10px}.ticker{width:calc(100% - 22px)}main{padding:28px 12px 75px}.hero{min-height:590px}.hero-copy{padding:30px 24px}.hero h1{font-size:41px}.hero p{font-size:15px}.actions{flex-direction:column;align-items:stretch}.answer{padding:24px;border-radius:21px}.section-head{align-items:start;flex-direction:column}.card{grid-column:1/-1;min-height:205px}.achievement-grid,.char-grid{grid-template-columns:1fr}.split>div{padding:28px}.split img{min-height:330px}.steps li{grid-template-columns:40px 1fr}footer{width:calc(100% - 22px);padding:30px 24px}footer nav{flex-wrap:wrap}}