.page-hero{padding:140px 0 80px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(30,144,255,.06) 0%,transparent 70%);pointer-events:none}
.page-hero h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px;max-width:800px}
.page-hero .ac{color:var(--accent)}
.page-hero p{font-size:1.05rem;color:var(--t2);max-width:640px;line-height:1.7}
.guide-content{padding:0 0 100px}
.guide-content h2{font-size:1.4rem;font-weight:700;margin:48px 0 20px;padding-top:16px;border-top:1px solid var(--border)}
.guide-content h2:first-of-type{border-top:none;margin-top:0}
.guide-content h3{font-size:1.1rem;font-weight:600;margin:32px 0 12px;color:var(--accent)}
.guide-content p{font-size:.95rem;color:var(--t2);line-height:1.8;margin-bottom:16px;max-width:760px}
.guide-content ul,.guide-content ol{margin:16px 0;padding-left:0;list-style:none}
.guide-content ul li,.guide-content ol li{font-size:.92rem;color:var(--t2);padding:8px 0 8px 24px;position:relative;line-height:1.7}
.guide-content ul li::before{content:'\2192';position:absolute;left:0;color:var(--accent);font-size:.85rem}
.guide-content ol{counter-reset:steps}
.guide-content ol li{counter-increment:steps}
.guide-content ol li::before{content:counter(steps);position:absolute;left:0;color:var(--accent);font-weight:700;font-family:var(--mono);font-size:.8rem}
.answer-box{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:28px 32px;margin:32px 0}
.answer-box strong{color:var(--accent);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:10px;font-family:var(--mono)}
.answer-box p{margin-bottom:12px}
.answer-box p:last-child{margin-bottom:0}
.guide-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:24px 0}
.guide-table th{background:var(--accent);color:#fff;padding:14px 18px;text-align:left;font-size:.82rem;font-weight:600;letter-spacing:.5px}
.guide-table td{background:var(--card);padding:14px 18px;font-size:.88rem;color:var(--t2);border-bottom:1px solid var(--border)}
.guide-table tr:last-child td{border-bottom:none}
.guide-table td:first-child{color:var(--t1);font-weight:500}
.guide-table td.highlight{color:var(--green);font-weight:500}
.guide-cta{margin-top:56px;padding:40px;background:var(--card);border:1px solid var(--accent);border-radius:14px;box-shadow:0 0 40px var(--glow);text-align:center}
.guide-cta h3{font-size:1.2rem;font-weight:700;margin-bottom:12px}
.guide-cta p{color:var(--t2);max-width:500px;margin:0 auto 24px}
.guide-nav{margin-top:40px;padding:24px 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px}
.guide-nav a{font-size:.82rem;color:var(--t2);text-decoration:none;padding:6px 14px;border:1px solid var(--border);border-radius:6px;transition:all .2s}
.guide-nav a:hover{border-color:var(--accent);color:var(--accent);background:var(--glow)}
.guide-breadcrumb{font-size:.82rem;color:var(--t3);margin-bottom:16px}
.guide-breadcrumb a{color:var(--t2);text-decoration:none}
.guide-breadcrumb a:hover{color:var(--accent)}
.guide-meta{font-family:var(--mono);font-size:.75rem;color:var(--t3);margin-top:8px;display:flex;gap:24px}
@media(max-width:768px){.guide-table{display:block;overflow-x:auto}.answer-box{padding:20px}.guide-nav{flex-direction:column}}
