*{box-sizing:border-box}html{background:#050713}body{margin:0;color:#edf2ff;font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 80% 0,rgba(94,70,190,.22),transparent 32%),linear-gradient(145deg,#050713,#0a1028 60%,#04050d)}a{color:inherit}.guide-top{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(22px,4vw);border-bottom:1px solid rgba(172,181,240,.24);background:rgba(5,7,19,.92);backdrop-filter:blur(12px)}.guide-top>a{text-decoration:none;font-weight:900;letter-spacing:2px}.guide-top>a span{color:#d9b9ff}.guide-top small{color:#9288ad}.guide-top nav{display:flex;gap:20px}.guide-top nav a{color:#b6c3e6;font-size:12px;text-decoration:none}main{width:min(1180px,calc(100% - 28px));margin:auto}.guide-hero{position:relative;display:grid;min-height:460px;margin:25px 0 14px;padding:55px;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden;border:1px solid rgba(182,167,235,.36);border-radius:22px;background:linear-gradient(120deg,rgba(15,17,45,.94),rgba(31,20,62,.78)),url("hsr_back.png") center/cover}.guide-hero img{width:100%;filter:drop-shadow(0 0 30px rgba(160,189,255,.35))}.guide-hero span,.chapter header span{color:#d3adff;font-size:10px;font-weight:900;letter-spacing:2px}.guide-hero h1{margin:12px 0;color:#fff;font:700 clamp(52px,7vw,92px)/.88 Georgia,serif}.guide-hero p{max-width:620px;color:#bac5e5;line-height:1.75}.guide-meta{display:flex;gap:8px;margin-top:22px}.guide-meta b{padding:8px 11px;border:1px solid rgba(215,184,255,.34);border-radius:999px;color:#d9c2f6;font-size:9px}.jump{position:sticky;z-index:10;top:67px;display:flex;gap:2px;padding:7px;overflow-x:auto;border:1px solid rgba(180,173,232,.25);border-radius:12px;background:rgba(7,9,24,.94)}.jump a{flex:1 0 auto;padding:12px;color:#b8c3e2;font-size:11px;text-align:center;text-decoration:none}.chapter{margin-top:15px;padding:30px;border:1px solid rgba(166,175,232,.22);border-radius:18px;background:rgba(8,12,31,.84)}.chapter h2{margin:7px 0 18px;color:#f0f3ff;font:700 30px Georgia,serif}.chapter>p,.chapter li{color:#aebada;font-size:14px;line-height:1.75}.cards,.explainer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards article,.cards>a,.two>div{padding:19px;border:1px solid rgba(165,176,235,.2);border-radius:12px;background:rgba(14,20,48,.65);text-decoration:none}.cards h3,.two h3{margin:0 0 9px;color:#f0e9ff}.cards p,.two li{margin:0;color:#aab6d5;font-size:13px;line-height:1.65}.priority{display:grid;margin:0;padding:0;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;counter-reset:item}.priority li{padding:18px;border:1px solid rgba(167,177,235,.2);border-radius:11px;background:rgba(13,19,45,.64)}.priority b{color:#e7d2ff}.priority p{font-size:12px}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checklist div{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(167,177,235,.2);border-radius:10px}.checklist b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;color:#dcbcff;background:#20163c}.checklist span{color:#c1cbe5;font-size:13px}.note,.verified{padding:14px 17px!important;border-left:3px solid #d8baff;background:rgba(157,113,212,.08)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modes a{transition:.2s}.modes a:hover{border-color:#d5b9ff;transform:translateY(-2px)}.mistakes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mistakes p{margin:0;padding:16px;border:1px solid rgba(167,177,235,.18);border-radius:10px;color:#aeb9d8;font-size:13px;line-height:1.65}.mistakes b{color:#e6d8f8}.faq details{margin-top:8px;border:1px solid rgba(167,177,235,.2);border-radius:10px;background:rgba(13,19,45,.62)}.faq summary{padding:16px;color:#e8e9f8;font-weight:800;cursor:pointer}.faq details p{margin:0;padding:0 16px 17px;color:#aeb8d4;line-height:1.7}.verified{margin:15px 0 50px;color:#aeb9d7;font-size:12px}.verified b{color:#eee7ff}@media(max-width:800px){.guide-top{align-items:flex-start;flex-direction:column}.guide-top nav{width:100%;overflow-x:auto}.guide-hero{padding:30px 20px;grid-template-columns:1fr}.guide-hero img{max-width:420px;margin:auto}.jump{top:105px}.cards,.priority{grid-template-columns:1fr 1fr}.checklist{grid-template-columns:1fr 1fr}}@media(max-width:520px){.chapter{padding:20px 16px}.cards,.priority,.checklist,.two,.mistakes{grid-template-columns:1fr}.guide-meta{flex-wrap:wrap}.guide-hero h1{font-size:48px}.chapter h2{font-size:25px}}
