.guide-page{min-height:100vh;background:#f8fafc;scroll-behavior:smooth}.guide-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.faq-item,.faq-section,.guide-introduction{scroll-margin-top:2rem}.guide-header{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;padding:2rem 0 4rem}.guide-header .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem}.guide-header .breadcrumb a{color:#fffc;text-decoration:none;transition:color .3s ease}.guide-header .breadcrumb a:hover{color:#feeb17}.guide-header .breadcrumb .separator{color:#ffffff80}.guide-header .breadcrumb .current{color:#feeb17;font-weight:600}.guide-header .guide-hero{display:flex;align-items:center;gap:2rem}@media(max-width:768px){.guide-header .guide-hero{flex-direction:column;text-align:center;gap:1.5rem}}.guide-header .guide-icon-large{width:120px;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-header .guide-icon-large .icon-emoji{font-size:3rem}.guide-header .guide-icon-large svg{width:3rem;height:3rem;color:#fff}.guide-header .guide-icon-large.bg-blue-500{background:linear-gradient(135deg,#3b82f6,#1e40af)}.guide-header .guide-icon-large.bg-purple-500{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.guide-header .guide-icon-large.bg-cyan-500{background:linear-gradient(135deg,#06b6d4,#0891b2)}.guide-header .guide-icon-large.bg-orange-500{background:linear-gradient(135deg,#f97316,#ea580c)}.guide-header .guide-icon-large.bg-red-500{background:linear-gradient(135deg,#ef4444,#dc2626)}.guide-header .guide-icon-large.bg-green-500{background:linear-gradient(135deg,#22c55e,#16a34a)}.guide-header .guide-icon-large.bg-yellow-500{background:linear-gradient(135deg,#eab308,#ca8a04)}.guide-header .guide-icon-large.bg-emerald-500{background:linear-gradient(135deg,#10b981,#059669)}.guide-header .guide-icon-large.bg-slate-500{background:linear-gradient(135deg,#64748b,#475569)}.guide-header .guide-icon-large.bg-indigo-500{background:linear-gradient(135deg,#6366f1,#4f46e5)}.guide-header .guide-icon-large.bg-pink-500{background:linear-gradient(135deg,#ec4899,#db2777)}.guide-header .guide-icon-large.bg-teal-500{background:linear-gradient(135deg,#14b8a6,#0f766e)}@media(max-width:768px){.guide-header .guide-icon-large{width:100px;height:100px}.guide-header .guide-icon-large .icon-emoji{font-size:2.5rem}.guide-header .guide-icon-large svg{width:2.5rem;height:2.5rem;color:#fff}}.guide-header .guide-hero-content{flex:1 1}.guide-header .guide-hero-content .guide-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#feeb17,gold);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}@media(max-width:768px){.guide-header .guide-hero-content .guide-title{font-size:2rem}}.guide-header .guide-hero-content .guide-description{font-size:1.25rem;margin-bottom:1.5rem;opacity:.9;line-height:1.6}@media(max-width:768px){.guide-header .guide-hero-content .guide-description{font-size:1.1rem}}.guide-header .guide-hero-content .guide-stats{display:flex;gap:2rem}@media(max-width:320px){.guide-header .guide-hero-content .guide-stats{flex-direction:column;gap:1rem}}.guide-header .guide-hero-content .guide-stats .stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.8}.guide-header .guide-hero-content .guide-stats .stat svg{opacity:.8}.guide-content{padding:4rem 0}.guide-content .content-wrapper{display:grid;grid-template-columns:1fr 300px;grid-gap:4rem;gap:4rem}@media(max-width:992px){.guide-content .content-wrapper{grid-template-columns:1fr;gap:3rem}}.main-content .guide-introduction{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:3rem}.main-content .guide-introduction h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.main-content .guide-introduction h2:before{content:"📖";font-size:1.2rem}.main-content .guide-introduction p{font-size:1.1rem;line-height:1.7;color:#000c;margin:0}.faq-section,.main-content .interactive-tool{margin-bottom:3rem}.faq-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.faq-section h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.faq-section h2:before{content:"❓";font-size:1.2rem}.faq-section .faq-list{display:flex;flex-direction:column;gap:1rem}.faq-section .faq-item{border:1px solid #0000001a;border-radius:8px;overflow:hidden;transition:all .3s ease;margin-bottom:2rem}.faq-section .faq-item:hover{border-color:#0003;box-shadow:0 4px 8px #0000001a}.faq-section .faq-item.open{border-color:#feeb17;box-shadow:0 4px 12px #feeb174d}.faq-section .faq-question-static{padding:1.5rem 1.5rem 1rem;background:#feeb171a;border-bottom:1px solid #0000000d}.faq-section .faq-question-static .question-text{font-size:1.25rem;font-weight:600;color:#1a1a1a;line-height:1.4;margin:0;display:flex;align-items:center}.faq-section .faq-question-static .question-text:before{content:"❓";margin-right:.75rem;font-size:1.1rem;opacity:.8}.faq-section .faq-answer-static .answer-content{padding:1.5rem}.faq-section .faq-answer-static .answer-content p{font-size:1rem;line-height:1.7;color:#000c;margin:0;text-align:justify}.guide-cta{background:linear-gradient(135deg,#feeb17,gold);padding:3rem 2rem;border-radius:12px;text-align:center;color:#1a1a1a}.guide-cta h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.guide-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.guide-cta .cta-buttons{display:flex;justify-content:center;gap:1rem}@media(max-width:320px){.guide-cta .cta-buttons{flex-direction:column;align-items:center}}.guide-cta .cta-button{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.guide-cta .cta-button.primary{background:#1a1a1a;color:#fff}.guide-cta .cta-button.primary:hover{background:#333;transform:translateY(-2px)}.guide-cta .cta-button.secondary{background:#0000;color:#1a1a1a;border:2px solid #1a1a1a}.guide-cta .cta-button.secondary:hover{background:#1a1a1a;color:#fff;transform:translateY(-2px)}@media(min-width:992px){.sidebar{position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;align-self:flex-start}}@media(max-width:992px){.sidebar{order:-1}}.sidebar .sidebar-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.sidebar .sidebar-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.sidebar .sidebar-section h3:before{content:"📚";font-size:1rem}.sidebar .sidebar-section:last-child h3:before{content:"🧭"}.sidebar .related-guides{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sidebar .related-guide{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid #0000001a}.sidebar .related-guide:hover{background:#00000005;border-color:#feeb17}.sidebar .related-guide .guide-mini-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .related-guide .guide-mini-icon span{font-size:1rem}.sidebar .related-guide .guide-mini-icon svg{width:1rem;height:1rem;color:#fff}.sidebar .related-guide .guide-mini-icon.bg-blue-500{background:linear-gradient(135deg,#3b82f6,#1e40af)}.sidebar .related-guide .guide-mini-icon.bg-purple-500{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.sidebar .related-guide .guide-mini-icon.bg-cyan-500{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sidebar .related-guide .guide-mini-icon.bg-orange-500{background:linear-gradient(135deg,#f97316,#ea580c)}.sidebar .related-guide .guide-mini-icon.bg-red-500{background:linear-gradient(135deg,#ef4444,#dc2626)}.sidebar .related-guide .guide-mini-icon.bg-green-500{background:linear-gradient(135deg,#22c55e,#16a34a)}.sidebar .related-guide .guide-mini-icon.bg-yellow-500{background:linear-gradient(135deg,#eab308,#ca8a04)}.sidebar .related-guide .guide-mini-icon.bg-emerald-500{background:linear-gradient(135deg,#10b981,#059669)}.sidebar .related-guide .guide-mini-icon.bg-slate-500{background:linear-gradient(135deg,#64748b,#475569)}.sidebar .related-guide .guide-mini-icon.bg-indigo-500{background:linear-gradient(135deg,#6366f1,#4f46e5)}.sidebar .related-guide .guide-mini-icon.bg-pink-500{background:linear-gradient(135deg,#ec4899,#db2777)}.sidebar .related-guide .guide-mini-icon.bg-teal-500{background:linear-gradient(135deg,#14b8a6,#0f766e)}.sidebar .related-guide .guide-mini-content{flex:1 1}.sidebar .related-guide .guide-mini-content h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:#1a1a1a}.sidebar .related-guide .guide-mini-content p{font-size:.8rem;color:#000000b3;margin:0;line-height:1.4}.sidebar .view-all-guides{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#feeb17;color:#1a1a1a;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.sidebar .view-all-guides:hover{background:#e1cf01;transform:translateY(-2px)}.sidebar .quick-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar .quick-nav .nav-item{color:#1a1a1a;text-decoration:none;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease;font-size:.9rem;border-left:3px solid #0000;background:#00000005}.sidebar .quick-nav .nav-item:hover{color:#feeb17;background:#feeb171a;border-left-color:#feeb17;transform:translateX(4px)}.sidebar .quick-nav .nav-item.sub-item{padding-left:1.5rem;font-size:.8rem;color:#000000b3;background:#00000003}.sidebar .quick-nav .nav-item.sub-item:hover{color:#000000e6}.guide-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.guide-not-found .container{text-align:center;padding:2rem}.guide-not-found .container h1{font-size:2rem;margin-bottom:1rem;color:#1a1a1a}.guide-not-found .container p{font-size:1.1rem;margin-bottom:2rem;color:#000000b3}.guide-not-found .container .back-link{display:inline-block;padding:1rem 2rem;background:#feeb17;color:#1a1a1a;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.guide-not-found .container .back-link:hover{background:#e1cf01;transform:translateY(-2px)}