.page-layout{max-width:1200px;min-height:100vh;margin:0 auto;padding-top:64px;display:flex}.sidebar{border-right:1px solid #e2e8f0;flex-shrink:0;width:260px;height:calc(100vh - 64px);padding:32px 24px;position:sticky;top:64px;overflow-y:auto}.sidebar-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:20px;margin-bottom:12px;font-size:.75rem;font-weight:700}.sidebar-title:first-child{margin-top:0}.sidebar-links{list-style:none}.sidebar-links li a{color:#475569;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.sidebar-links li a:hover{color:#ef4444;background:#fef2f2;text-decoration:none}.sidebar-links li a.active{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff7ed);font-weight:700}.sidebar-icon{text-align:center;width:20px;font-size:1rem}.main-content{flex:1;min-width:0;padding:40px 48px}.guide-hero{background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fecaca;border-radius:16px;margin-bottom:48px;padding:40px}.guide-hero h1{color:#0f172a;margin-bottom:12px;font-size:2rem;font-weight:900}.guide-hero p{color:#64748b;font-size:1rem;line-height:1.7}.chapter{margin-bottom:56px;scroll-margin-top:80px}.chapter h2{color:#0f172a;align-items:center;gap:10px;margin-bottom:8px;font-size:1.6rem;font-weight:800;display:flex}.chapter h2 .ch-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.chapter-desc{color:#64748b;margin-bottom:24px;padding-left:46px;font-size:.9rem}.chapter h3{color:#1e293b;border-left:3px solid #ef4444;margin:28px 0 12px;padding-left:12px;font-size:1.15rem;font-weight:700}.chapter p{color:#475569;margin-bottom:12px;font-size:.9rem;line-height:1.8}.chapter ul,.chapter ol{margin-bottom:16px;padding-left:24px}.chapter li{color:#475569;margin-bottom:6px;font-size:.9rem;line-height:1.8}.chapter li strong{color:#0f172a}.callout{border-radius:12px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px 20px;display:flex}.callout-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.callout-content{flex:1}.callout-content p{margin-bottom:4px}.callout-content p:last-child{margin-bottom:0}.callout.tip{background:#f0fdf4;border:1px solid #bbf7d0}.callout.warning{background:#fffbeb;border:1px solid #fde68a}.callout.info{background:#eff6ff;border:1px solid #bfdbfe}.callout.danger{background:#fef2f2;border:1px solid #fecaca}.step-list{counter-reset:step;padding:0;list-style:none}.step-item{counter-increment:step;gap:16px;margin-bottom:24px;display:flex;position:relative}.step-item:before{content:counter(step);color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:.9rem;font-weight:800;display:flex}.step-item-content h4{color:#0f172a;margin-bottom:6px;font-size:1rem;font-weight:700}.step-item-content p{color:#64748b;font-size:.85rem;line-height:1.7}.code-block{background:#1e293b;border-radius:10px;margin:12px 0;padding:16px 20px;overflow-x:auto}.code-block code{color:#e2e8f0;white-space:pre;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.8}.code-block .comment{color:#64748b}.code-block .highlight{color:#fbbf24}.code-block .string{color:#4ade80}.guide-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:16px 0;overflow:hidden}.guide-table th{color:#0f172a;text-align:left;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:.85rem;font-weight:700}.guide-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:.85rem}.guide-table tr:last-child td{border-bottom:none}.guide-table tr:hover td{background:#f8fafc}.provider-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0;display:grid}.provider-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s}.provider-card:hover{border-color:#fecaca;box-shadow:0 4px 16px #0000000f}.provider-card h4{color:#0f172a;align-items:center;gap:8px;margin-bottom:6px;font-size:1rem;font-weight:700;display:flex}.provider-card p{color:#64748b;margin-bottom:4px;font-size:.8rem}.provider-card .free-tag{color:#fff;background:#ef4444;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.faq-item{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-question{cursor:pointer;color:#0f172a;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:.95rem;font-weight:700;transition:background .2s;display:flex}.faq-question:hover{background:#f8fafc}.faq-question .arrow{color:#94a3b8;font-size:1.2rem;transition:transform .3s}.faq-answer{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.faq-answer-inner{color:#64748b;padding:0 20px 16px;font-size:.88rem;line-height:1.8}.faq-item.open .faq-answer{max-height:500px}.faq-item.open .faq-question .arrow{transform:rotate(180deg)}.back-to-top{color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:50;background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #ef44444d}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.guide-footer{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:60px;padding:32px 0;display:flex}.guide-footer p{color:#94a3b8;margin:0;font-size:.8rem}.guide-footer a{color:#ef4444}@media (max-width:1024px){.sidebar{width:220px}.main-content{padding:32px}}@media (max-width:768px){.sidebar{display:none}.page-layout{flex-direction:column}.main-content{padding:24px 20px}.guide-hero{padding:28px 20px}.guide-hero h1{font-size:1.5rem}.provider-grid{grid-template-columns:1fr}.chapter h2{font-size:1.3rem}}@media (max-width:480px){.main-content{padding:20px 16px}.code-block{padding:12px 14px}.code-block code{font-size:.78rem}.chapter h2{font-size:1.15rem}}