*{box-sizing:border-box}:root{--ink:#17112e;--muted:#71677f;--purple:#7c3cff;--pink:#ff3ca6;--cream:#fff9f2;--line:#eadff8}body{margin:0;background:linear-gradient(180deg,#0b0821 0 260px,var(--cream) 260px);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo",sans-serif}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:0 24px;color:#fff}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}.brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));font-style:normal}.topbar nav{display:flex;gap:22px}.topbar nav a{color:#d9d1e7;text-decoration:none;font-size:13px;font-weight:800}.topbar nav a:hover{color:#fff}.hero{max-width:1120px;margin:0 auto;padding:66px 24px 84px;color:#fff}.eyebrow{margin:0 0 15px;color:#ff8bce;font-size:12px;font-weight:900;letter-spacing:.14em}.hero h1{max-width:760px;margin:0;font-size:clamp(38px,6vw,66px);line-height:1.08;letter-spacing:-.045em}.hero p:last-child{max-width:690px;margin:24px 0 0;color:#c9bfd8;font-size:18px;line-height:1.8}.wrap{max-width:1120px;margin:0 auto;padding:0 24px 90px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.article{padding:48px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 22px 65px rgba(72,40,99,.11)}.article h2{margin:52px 0 14px;font-size:30px;letter-spacing:-.025em}.article h2:first-child{margin-top:0}.article h3{margin:30px 0 8px;font-size:20px}.article p,.article li{color:#51485e;line-height:1.85}.article strong{color:var(--ink)}.article ul,.article ol{padding-left:22px}.note{margin:28px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#fff0f8,#eee7ff);color:#4b3d5d;line-height:1.75}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fdfaff}.card b{display:block;margin-bottom:8px}.card p{margin:0;font-size:14px}.side{position:sticky;top:22px;align-self:start;padding:25px;border-radius:22px;background:#17102d;color:#fff}.side h2{margin:0 0 18px;font-size:17px}.side a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#dcd3e9;text-decoration:none;font-size:14px}.side a:last-child{border-bottom:0}.side a:hover{color:#fff}.faq details{margin:12px 0;border:1px solid var(--line);border-radius:16px;background:#fff}.faq summary{padding:20px;font-weight:900;cursor:pointer}.faq details p{margin:0;padding:0 20px 20px}.back{display:inline-flex;margin-top:36px;padding:14px 18px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;text-decoration:none;font-weight:900}.site-footer{padding:34px 24px;background:#09071e;color:#a99fba;text-align:center;font-size:12px}.site-footer div{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:16px}.site-footer a{color:#d9d1e7;text-decoration:none;font-weight:800}@media(max-width:820px){body{background:linear-gradient(180deg,#0b0821 0 300px,var(--cream) 300px)}.topbar nav{display:none}.hero{padding-top:46px}.article-grid{grid-template-columns:1fr}.side{position:static;order:-1}.article{padding:30px 22px}.card-grid{grid-template-columns:1fr}.article h2{font-size:26px}}