.guide-page{background:#f6f8fc;color:#0f172a}.guide-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.guide-hero{padding:76px 0 62px;background:linear-gradient(145deg,#07162e,#133b75 72%,#075985);text-align:center}.guide-hero__tag{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff!important;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}.guide-hero h1,.guide-hero h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}.guide-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.045em;margin:18px auto 14px;max-width:850px}.guide-hero p{color:#e2e8f0!important;font-size:16px;line-height:1.75;max-width:760px;margin:0 auto}.guide-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-30px;position:relative;z-index:2}.guide-quick a,.guide-tool{background:#fff;border:1px solid #dbe5ef;border-radius:16px;padding:21px;text-decoration:none;color:#0f172a;box-shadow:0 12px 32px rgba(15,23,42,.08);transition:.18s}.guide-quick a:hover,.guide-tool:hover{transform:translateY(-3px);border-color:#93c5fd}.guide-quick i{color:#2563eb;font-size:20px;margin-bottom:13px}.guide-quick strong{display:block;font-size:15px;margin-bottom:6px}.guide-quick span{display:block;color:#64748b;font-size:12px;line-height:1.55}.guide-content{padding:60px 0 76px}.guide-heading{max-width:760px;margin-bottom:28px}.guide-heading small{color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.guide-heading h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:9px 0 12px}.guide-heading p{color:#526079;line-height:1.75;margin:0}.guide-steps{display:grid;gap:14px}.guide-step{display:grid;grid-template-columns:52px 1fr auto;gap:17px;align-items:start;background:#fff;border:1px solid #dbe5ef;border-radius:17px;padding:20px}.guide-num{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eaf2ff;color:#1d4ed8;font-weight:900}.guide-step h3{font-size:16px;margin:2px 0 7px}.guide-step p{color:#526079;font-size:13px;line-height:1.7;margin:0}.guide-step a{align-self:center;color:#1d4ed8;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}.guide-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.guide-tool{box-shadow:none;padding:17px}.guide-tool strong{display:block;font-size:13px}.guide-tool span{display:block;color:#64748b;font-size:11px;line-height:1.5;margin-top:5px}.guide-faq{background:#fff;border-top:1px solid #e2e8f0;padding:70px 0}.guide-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-faq details{background:#f8fafc;border:1px solid #dbe5ef;border-radius:13px;padding:0 16px}.guide-faq summary{cursor:pointer;color:#0f172a;font-size:13px;font-weight:800;padding:15px 24px 15px 0}.guide-faq details p{color:#526079;font-size:12px;line-height:1.7;margin:0 0 15px}.guide-cta{margin-top:28px;background:#0f172a;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-cta h2,.guide-cta h2 *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}.guide-cta h2{font-size:23px;margin:0 0 7px}.guide-cta p{color:#e2e8f0!important;margin:0;font-size:13px}.guide-cta a{display:inline-flex;min-height:44px;align-items:center;padding:0 17px;background:#2563eb;color:#fff!important;border-radius:10px;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}
@media(max-width:850px){.guide-quick,.guide-tools{grid-template-columns:1fr 1fr}.guide-faq-grid{grid-template-columns:1fr}.guide-step{grid-template-columns:44px 1fr}.guide-step>a{grid-column:2;justify-self:start}.guide-cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.guide-shell{width:min(100% - 28px,1120px)}.guide-hero{padding:56px 0 50px}.guide-quick,.guide-tools{grid-template-columns:1fr}.guide-content,.guide-faq{padding:50px 0}.guide-step{padding:17px 15px;gap:12px}.guide-cta{padding:23px}.guide-cta a{width:100%;justify-content:center}}
