:root{color-scheme:dark}
.guide-page{background:#07111f;color:#eaf2ff}
.guide-wrap{width:min(1120px,92%);margin:0 auto}
.guide-hero{padding:74px 0 38px;text-align:center}
.guide-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(116,185,255,.18);background:rgba(49,135,255,.08);font-size:11px;font-weight:900;letter-spacing:.13em;color:#82c3ff}
.guide-hero h1{font-size:clamp(35px,6vw,64px);letter-spacing:-.045em;line-height:1.02;margin:16px auto 16px;max-width:940px}
.guide-hero .lead{max-width:800px;margin:0 auto;color:#a9bbcf;font-size:18px;line-height:1.75}
.guide-meta{margin-top:18px;color:#748aa2;font-size:13px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-bottom:70px}
.guide-article,.guide-side-card{border:1px solid rgba(130,185,240,.12);background:linear-gradient(145deg,rgba(15,31,52,.92),rgba(8,18,32,.94));box-shadow:0 22px 65px rgba(0,0,0,.19);border-radius:22px}
.guide-article{padding:34px}
.guide-article h2{font-size:29px;margin:38px 0 13px;letter-spacing:-.02em}
.guide-article h2:first-child{margin-top:0}
.guide-article h3{font-size:20px;margin:25px 0 9px}
.guide-article p,.guide-article li{color:#adbed1;line-height:1.8;font-size:16px}
.guide-article strong{color:#ecf5ff}
.guide-article a{color:#87c7ff}
.quick-answer{padding:20px 22px;margin:8px 0 28px;border-radius:16px;border:1px solid rgba(82,173,255,.20);background:rgba(43,127,211,.10)}
.quick-answer strong{display:block;margin-bottom:7px;color:#8dccff}
.guide-steps{counter-reset:steps;list-style:none;padding:0;margin:20px 0}
.guide-steps li{position:relative;padding:0 0 20px 50px}
.guide-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:2px;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#278fff,#655dff);color:#fff;font-weight:900}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.guide-mini{padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(140,190,255,.09)}
.guide-mini b{display:block;margin-bottom:6px}
.tool-cta{margin:32px 0;padding:25px;border-radius:18px;background:radial-gradient(circle at 0 0,rgba(44,143,255,.20),transparent 48%),rgba(10,25,44,.88);border:1px solid rgba(76,163,255,.22)}
.tool-cta h3{margin:0 0 8px}
.tool-cta p{margin:0 0 16px}
.tool-button{display:inline-flex;padding:12px 17px;border-radius:12px;background:linear-gradient(135deg,#2b90ff,#675fff);color:#fff!important;text-decoration:none;font-weight:850}
.faq details{border-top:1px solid rgba(140,190,255,.11);padding:15px 0}
.faq summary{cursor:pointer;font-weight:800;color:#e5f0ff}
.faq details p{margin:9px 0 0}
.guide-side{position:sticky;top:90px;display:grid;gap:15px}
.guide-side-card{padding:20px}
.guide-side-card h3{margin:0 0 12px}
.guide-side-card a{display:block;color:#a9cfff;text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(140,190,255,.08)}
.guide-side-card a:last-child{border:0}
.guide-side-card small{color:#8094aa;line-height:1.55}
.guide-breadcrumbs{padding-top:25px;color:#70869e;font-size:13px}
.guide-breadcrumbs a{color:#91bfe9;text-decoration:none}
.guides-hub-hero{padding:70px 0 38px;text-align:center}
.guides-hub-hero h1{font-size:clamp(38px,6vw,65px);margin:12px 0;letter-spacing:-.045em}
.guides-hub-hero p{max-width:780px;margin:auto;color:#a7b8cb;line-height:1.75;font-size:17px}
.guide-search{max-width:720px;margin:25px auto 0}
.guide-search input{width:100%;padding:16px 18px;border-radius:15px;border:1px solid rgba(140,190,255,.17);background:#0d1c30;color:#fff;font-size:16px;outline:none}
.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:12px 0 75px}
.guide-card{display:flex;flex-direction:column;min-height:250px;padding:23px;border-radius:19px;background:linear-gradient(145deg,rgba(15,32,54,.95),rgba(8,18,32,.95));border:1px solid rgba(130,185,240,.11);text-decoration:none;color:#eaf3ff;transition:.22s}
.guide-card:hover{transform:translateY(-4px);border-color:rgba(98,177,255,.29)}
.guide-card .tag{font-size:10px;letter-spacing:.12em;font-weight:900;color:#70b9ff}
.guide-card h2{font-size:20px;margin:12px 0 9px;line-height:1.25}
.guide-card p{font-size:13px;line-height:1.6;color:#91a5bb;margin:0}
.guide-card span:last-child{margin-top:auto;padding-top:18px;color:#78c1ff;font-weight:800;font-size:13px}
.guide-footer{border-top:1px solid rgba(140,190,255,.11);padding:35px 20px;text-align:center;color:#70859d}
.guide-footer a{color:#9ecfff;text-decoration:none;margin:0 9px}
@media(max-width:920px){.guide-layout{grid-template-columns:1fr}.guide-side{position:static}.guides-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.guide-article{padding:22px}.guide-grid,.guides-grid{grid-template-columns:1fr}.guide-hero{padding-top:48px}}