.guide-page{background:#fff;color:#1e293b;font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.guide-hero{position:relative;background:linear-gradient(135deg, #0f4c75 0%, #0a3859 50%, #6d28d9 100%);background-size:400% 400%;animation:guideHeroShift 18s ease infinite;color:#fff;padding:160px 0 110px;overflow:hidden}.guide-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 12% 20%, rgba(139, 92, 246, 0.28), transparent 60%),radial-gradient(720px 420px at 88% 80%, rgba(13, 148, 136, 0.2), transparent 60%);pointer-events:none}.guide-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);background-size:56px 56px;pointer-events:none;mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%)}.guide-hero__inner{position:relative;z-index:2;max-width:920px;margin:0 auto;text-align:center}.guide-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.22);color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;border-radius:999px;margin-bottom:24px}.guide-hero__eyebrow i{font-size:.9em}.guide-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:800;line-height:1.12;letter-spacing:-0.02em;margin:0 0 20px;color:#fff}.guide-hero__lead{font-size:1.18rem;line-height:1.65;color:hsla(0,0%,100%,.9);max-width:720px;margin:0 auto 32px}.guide-hero__meta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;color:hsla(0,0%,100%,.82);font-size:.9rem}.guide-hero__meta span{display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.14);padding:6px 14px;border-radius:999px}@keyframes guideHeroShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.guide-breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:.85rem;margin-bottom:18px;color:hsla(0,0%,100%,.65)}.guide-breadcrumb a{color:hsla(0,0%,100%,.65);text-decoration:none;transition:color .2s}.guide-breadcrumb a:hover{color:#fff}.guide-breadcrumb .sep{color:hsla(0,0%,100%,.35);margin:0 4px}.guide-breadcrumb .current{color:hsla(0,0%,100%,.92);font-weight:500}.guide-shell{max-width:1280px;margin:-64px auto 0;padding:0 1.5rem 5rem;position:relative;z-index:3}.guide-grid{display:grid;grid-template-columns:280px minmax(0, 1fr);gap:56px}@media(max-width: 1024px){.guide-grid{grid-template-columns:minmax(0, 1fr);gap:0}}.guide-toc{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 22px;box-shadow:0 1px 3px rgba(15,23,42,.08);max-height:calc(100vh - 120px);overflow-y:auto}.guide-toc__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#6d28d9;font-weight:800;margin:0 0 16px;display:flex;align-items:center;gap:8px}.guide-toc__title::before{content:"";width:16px;height:2px;background:#6d28d9}.guide-toc ol{list-style:none;counter-reset:toc;padding:0;margin:0}.guide-toc ol li{counter-increment:toc;padding:4px 0;position:relative}.guide-toc ol a{display:flex;align-items:flex-start;gap:10px;color:#475569;text-decoration:none;font-size:.9rem;line-height:1.45;padding:6px 8px 6px 0;border-radius:6px;transition:all .2s}.guide-toc ol a::before{content:counter(toc, decimal-leading-zero);font-size:.72rem;font-weight:700;color:#94a3b8;min-width:22px;padding-top:2px}.guide-toc ol a:hover{color:#0f4c75}.guide-toc ol a.active{color:#0f4c75;font-weight:600}.guide-toc ol a.active::before{color:#0f4c75}.guide-toc__cta{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0}.guide-toc__cta a{display:block;background:linear-gradient(135deg, #0f4c75, #6d28d9);color:#fff;text-align:center;padding:11px 16px;border-radius:10px;font-weight:600;font-size:.92rem;text-decoration:none;transition:all .2s}.guide-toc__cta a:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(109,40,217,.35)}@media(max-width: 1024px){.guide-toc{position:static;max-height:none;margin-bottom:32px}}.guide-content{background:#fff;border-radius:14px;padding:12px 0;min-width:0}.guide-content .guide-tldr{background:linear-gradient(135deg, rgba(15, 76, 117, 0.04), rgba(109, 40, 217, 0.07));border:1px solid rgba(109,40,217,.18);border-left:4px solid #6d28d9;border-radius:0 14px 14px 0;padding:24px 28px;margin:0 0 48px}.guide-content .guide-tldr__label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#6d28d9;margin-bottom:10px}.guide-content .guide-tldr p{margin:0;font-size:1.06rem;color:#1e293b;line-height:1.7}.guide-content section{scroll-margin-top:96px;margin-bottom:48px}.guide-content h2{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.25;letter-spacing:-0.01em;margin:0 0 22px;padding-bottom:14px;position:relative;scroll-margin-top:96px}.guide-content h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:linear-gradient(90deg, #0f4c75, #6d28d9);border-radius:2px}.guide-content h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin:32px 0 12px;scroll-margin-top:96px}.guide-content h4{font-size:1.05rem;font-weight:700;color:#334155;margin:24px 0 10px}.guide-content p{color:#334155;line-height:1.8;font-size:1.04rem;margin:0 0 18px}.guide-content ul,.guide-content ol{color:#334155;line-height:1.8;margin:0 0 22px;padding-left:1.6rem}.guide-content ul li,.guide-content ol li{margin-bottom:10px}.guide-content strong{color:#0f172a;font-weight:700}.guide-content a{color:#0f4c75;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(15,76,117,.35)}.guide-content a:hover{color:#6d28d9;text-decoration-color:#6d28d9}.guide-content hr.section-divider{border:0;height:1px;background:linear-gradient(90deg, transparent, #e2e8f0, transparent);margin:48px 0}.guide-content .definition-box{background:#f8fafc;border-left:4px solid #0f4c75;border-radius:0 12px 12px 0;padding:20px 24px;margin:24px 0}.guide-content .definition-box .def-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#0f4c75;margin-bottom:8px}.guide-content .definition-box .def-label::before{content:"📖";font-size:1em}.guide-content .definition-box p{margin:0;color:#1e293b;line-height:1.7}.guide-content .definition-box p strong{color:#0f4c75}.guide-content .note-box{background:linear-gradient(135deg, #fff7ed, #ffedd5);border-left:4px solid #ea580c;border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0}.guide-content .note-box p{margin:0;color:#7c2d12;line-height:1.65}.guide-content .note-box p strong{color:#9a3412}.guide-content .info-box{background:rgba(13,148,136,.07);border-left:4px solid #0d9488;border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0}.guide-content .info-box p{margin:0;color:#134e4a;line-height:1.65}.guide-content .concept-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;font-size:.96rem;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.guide-content .concept-table th{background:linear-gradient(135deg, #f8fafc, #fff);color:#0f172a;font-weight:700;text-align:left;padding:14px 18px;border-bottom:2px solid #e2e8f0;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.guide-content .concept-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;color:#334155;line-height:1.6;vertical-align:top}.guide-content .concept-table tr:last-child td{border-bottom:none}.guide-content .concept-table tr:hover td{background:#f8fafc}.guide-content .concept-table td strong{color:#0f172a}.guide-content .guide-steps{list-style:none;counter-reset:step;padding:0;margin:24px 0}.guide-content .guide-steps li{counter-increment:step;position:relative;padding:18px 22px 18px 70px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px}.guide-content .guide-steps li::before{content:counter(step);position:absolute;left:18px;top:18px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #0f4c75, #6d28d9);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.guide-content .article-cta{background:linear-gradient(135deg, #0f4c75 0%, #0a3859 50%, #6d28d9 100%);color:#fff;padding:36px 40px;border-radius:20px;margin:48px 0;position:relative;overflow:hidden}.guide-content .article-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 280px at 80% 30%, rgba(255, 255, 255, 0.15), transparent 60%)}.guide-content .article-cta>*{position:relative;z-index:2}.guide-content .article-cta h3{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 8px}.guide-content .article-cta p{color:hsla(0,0%,100%,.92);margin:0 0 4px;line-height:1.65}.guide-content .article-cta .btn{background:#fff;color:#0f4c75;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.guide-content .article-cta .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.25)}.guide-content blockquote{border-left:4px solid #0f4c75;background:#f8fafc;padding:18px 24px;margin:24px 0;color:#334155;font-style:italic;border-radius:0 8px 8px 0}.guide-faq{margin-top:56px;padding-top:36px;border-top:1px solid #e2e8f0}.guide-faq h2{font-size:1.7rem;font-weight:800;color:#0f172a;margin:0 0 22px}.guide-faq details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:18px 22px;transition:all .2s}.guide-faq details[open]{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08);border-color:rgba(15,76,117,.25)}.guide-faq details summary{font-weight:600;color:#0f172a;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.guide-faq details summary::-webkit-details-marker{display:none}.guide-faq details summary::after{content:"+";font-size:1.4rem;font-weight:400;color:#0f4c75}.guide-faq details[open] summary::after{content:"−"}.guide-faq details p{margin:14px 0 0;color:#334155;line-height:1.7}.guide-actions{margin-top:56px;padding-top:36px;border-top:1px solid #e2e8f0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.guide-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:600;transition:all .2s;font-size:.98rem}.guide-actions .btn-back{background:#f1f5f9;color:#334155}.guide-actions .btn-back:hover{background:#e2e8f0}.guide-actions .btn-cta{background:linear-gradient(135deg, #0f4c75, #6d28d9);color:#fff;box-shadow:0 8px 22px rgba(15,76,117,.25)}.guide-actions .btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(109,40,217,.35)}.guide-freshness{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.12);color:#15803d;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600}.guide-freshness::before{content:"";width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.25)}