.guide-page{background:#fff;color:#0f172a;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orbitSlow{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}.animate-fade-up{animation:fadeInUp .8s ease-out both}.animate-fade-left{animation:fadeInLeft .8s ease-out both}.animate-fade-right{animation:fadeInRight .8s ease-out both}.animate-scale{animation:scaleIn .7s ease-out both}.animate-float{animation:float 4s ease-in-out infinite}.guide-hero .animate-fade-up,.guide-hero .animate-fade-left,.guide-hero .animate-fade-right,.guide-hero .animate-scale{opacity:1}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.guide-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0}.guide-nav .nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.guide-nav .nav-logo img{height:32px;width:auto}.guide-nav .nav-links{display:flex;gap:2rem}.guide-nav .nav-links a{font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;color:#475569;text-decoration:none;transition:color .2s ease}.guide-nav .nav-links a:hover,.guide-nav .nav-links a.active{color:#3b82f6}.guide-nav .nav-cta{display:flex;gap:1rem;align-items:center}.guide-nav .btn-login{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#475569;text-decoration:none}.guide-nav .btn-demo{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:.625rem 1.25rem;border-radius:8px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.guide-nav .btn-demo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.guide-hero{position:relative;padding:10rem 1.5rem 6rem;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);text-align:center;overflow:hidden}.guide-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.guide-hero .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.guide-hero .orb-1{width:400px;height:400px;background:radial-gradient(circle,#818cf8 0%,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.guide-hero .orb-2{width:300px;height:300px;background:radial-gradient(circle,#6366f1 0%,transparent 70%);bottom:-50px;left:-50px;animation-delay:-4s}.guide-hero .container{position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-breadcrumb{font-family:Inter,sans-serif;font-size:.875rem;color:#ffffff80;margin-bottom:1.5rem}.hero-breadcrumb a{color:#ffffff80;text-decoration:none;transition:color .2s}.hero-breadcrumb a:hover{color:#818cf8}.guide-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#818cf8;background:#818cf826;padding:.5rem 1.25rem;border-radius:9999px;margin-bottom:1.5rem;border:1px solid rgba(129,140,248,.3)}.guide-hero h1{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;color:#fff!important;margin-bottom:1.5rem;text-shadow:0 2px 30px rgba(0,0,0,.4);opacity:1!important}.guide-hero .guide-badge,.guide-hero .hero-breadcrumb{opacity:1!important}.guide-hero .guide-intro{color:#ffffffe6!important;opacity:1!important}.guide-hero .guide-meta{opacity:1!important}.guide-intro{font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.7;color:#ffffffb3;margin-bottom:2rem}.guide-meta{display:flex;justify-content:center;gap:2rem;font-family:Inter,sans-serif;font-size:.875rem;color:#ffffff80}.guide-toc{padding:4rem 1.5rem;background:#fff}.toc-card{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 20px #00000008}.toc-card h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:2rem;text-align:center}.toc-nav ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.toc-nav a{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:.9375rem;color:#475569;text-decoration:none;padding:1rem 1.25rem;border-radius:12px;background:#fff;border:1px solid transparent;transition:all .3s ease}.toc-nav a:before{content:counter(toc-counter);counter-increment:toc-counter;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.75rem;font-weight:700;border-radius:8px;margin-right:.75rem;flex-shrink:0}.toc-nav ol{counter-reset:toc-counter}.toc-nav a:hover{background:#fff;border-color:#818cf8;box-shadow:0 4px 12px #818cf826;transform:translateY(-2px)}.guide-content{padding:0}.guide-content .container{max-width:900px;margin:0 auto}.guide-section{padding:5rem 1.5rem;position:relative;overflow:hidden}.guide-section.light-theme{background:#fff}.guide-section.light-theme h2{color:#0f172a}.guide-section.light-theme h3,.guide-section.light-theme h4{color:#1e293b}.guide-section.light-theme p,.guide-section.light-theme ul,.guide-section.light-theme ol{color:#475569}.guide-section.light-theme a{color:#3b82f6}.guide-section.dark-theme{background:linear-gradient(135deg,#0f172a,#1e1b4b);position:relative}.guide-section.dark-theme:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(129,140,248,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.1) 0%,transparent 50%);pointer-events:none}.guide-section.dark-theme .container{position:relative;z-index:1}.guide-section.dark-theme h2{color:#fff}.guide-section.dark-theme h3,.guide-section.dark-theme h4{color:#ffffffe6}.guide-section.dark-theme p,.guide-section.dark-theme ul,.guide-section.dark-theme ol{color:#ffffffb3}.guide-section.dark-theme a{color:#818cf8}.guide-section.dark-theme li strong{color:#fff}.guide-section h2{font-family:Inter,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;scroll-margin-top:100px}.guide-section h3{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem}.guide-section h4{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.guide-section p{font-family:Inter,sans-serif;font-size:1.0625rem;line-height:1.8;margin-bottom:1.25rem}.guide-section ul,.guide-section ol{font-family:Inter,sans-serif;font-size:1rem;line-height:1.8;margin-bottom:1.5rem;padding-left:1.5rem}.guide-section li{margin-bottom:.5rem}.highlight-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.2);border-radius:1rem;padding:1.5rem;margin:2rem 0}.highlight-box h3{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1e40af!important;margin-top:0;margin-bottom:.75rem}.highlight-box ul{margin-bottom:0;color:#1e40af}.highlight-box.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d}.highlight-box.warning h3{color:#92400e!important}.dark-theme .highlight-box{background:#818cf81a;border-color:#818cf84d}.dark-theme .highlight-box h3{color:#a5b4fc!important}.dark-theme .highlight-box ul{color:#fffc}.cluster-link-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin:2rem 0;display:flex;gap:1.25rem;align-items:flex-start;transition:all .3s ease}.cluster-link-card:hover{border-color:#818cf8;box-shadow:0 10px 30px #818cf826;transform:translateY(-4px)}.dark-theme .cluster-link-card{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .cluster-link-card:hover{background:#ffffff14;border-color:#818cf8}.cluster-link-card .card-icon{font-size:2rem;flex-shrink:0}.cluster-link-card .card-content h4{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.cluster-link-card .card-content p{font-family:Inter,sans-serif;font-size:.9375rem;margin:0 0 .75rem;line-height:1.6}.cluster-link{font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;color:#3b82f6!important;text-decoration:none!important;border:none!important;display:inline-flex;align-items:center;gap:.25rem;transition:gap .2s ease}.cluster-link:hover{gap:.5rem}.dark-theme .cluster-link{color:#818cf8!important}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin:2rem 0}.process-steps .step{text-align:center;position:relative}.process-steps .step:after{content:"→";position:absolute;right:-.75rem;top:1.5rem;color:#cbd5e1;font-size:1.25rem}.dark-theme .process-steps .step:after{color:#ffffff4d}.process-steps .step:last-child:after{display:none}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;border-radius:50%;margin-bottom:.75rem;box-shadow:0 4px 12px #6366f14d}.process-steps h4{font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.process-steps p{font-family:Inter,sans-serif;font-size:.8125rem;margin:0;line-height:1.4}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.two-column .column{background:#ffffff0d;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.two-column .column h4{margin-top:0}.light-theme .two-column .column{background:#f8fafc;border-color:#e2e8f0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.feature-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.feature-item:hover{background:#ffffff14;transform:translateY(-4px)}.light-theme .feature-item{background:#f8fafc;border-color:#e2e8f0}.light-theme .feature-item:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000000d}.feature-item .icon{font-size:2rem;display:block;margin-bottom:.75rem}.feature-item h4{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem}.feature-item p{font-family:Inter,sans-serif;font-size:.875rem;margin:0;line-height:1.5}.guide-cta{background:linear-gradient(135deg,#1e3a8a,#6d28d9,#7c3aed);background-size:200% 200%;animation:gradientMove 8s ease infinite;border-radius:1.5rem;padding:4rem;text-align:center;margin:3rem 0;position:relative;overflow:hidden}.guide-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 10s ease-in-out infinite;pointer-events:none}.guide-cta h2{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:1}.guide-cta p{font-family:Inter,sans-serif;font-size:1.125rem;color:#fffc;margin-bottom:2rem;position:relative;z-index:1}.cta-buttons{display:flex;gap:1rem;justify-content:center;position:relative;z-index:1}.btn-primary{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1e3a8a;background:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn-secondary{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.related-guides{padding:4rem 1.5rem;background:#f8fafc}.related-guides h2{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:2rem;text-align:center}.guides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.guide-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease;text-align:center}.guide-card:hover{border-color:#818cf8;transform:translateY(-6px);box-shadow:0 12px 30px #818cf826}.guide-card .card-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.guide-card h3{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.guide-card p{font-family:Inter,sans-serif;font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.guide-page .footer{background:linear-gradient(180deg,#0f172a,#020617);color:#fff;padding:4rem 1.5rem 2rem}.guide-page .footer .container{max-width:1200px;margin:0 auto}.guide-page .footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.guide-page .footer-brand img{height:40px;width:auto;margin-bottom:1rem}.guide-page .footer-brand p{color:#94a3b8;font-size:.9375rem}.guide-page .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.guide-page .footer-column h4{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.guide-page .footer-column ul{list-style:none;padding:0;margin:0}.guide-page .footer-column li{margin-bottom:.5rem}.guide-page .footer-column a{font-family:Inter,sans-serif;font-size:.9375rem;color:#94a3b8;text-decoration:none;transition:color .2s ease}.guide-page .footer-column a:hover{color:#818cf8}.guide-page .footer-bottom{border-top:1px solid #1e293b;padding-top:2rem;text-align:center}.guide-page .footer-bottom p{font-family:Inter,sans-serif;font-size:.875rem;color:#64748b}@media (max-width: 1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}.guide-page .footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.animate-fade-up,.animate-fade-left,.animate-fade-right,.animate-scale,.animate-float{animation:none!important;opacity:1!important;transform:none!important}.guide-hero .orb{display:none}.guide-cta:before{display:none}.guide-cta{animation:none;background-size:100% 100%}.guide-hero{padding:7rem 1rem 3rem}.guide-hero h1{font-size:2rem}.guide-intro{font-size:1rem}.guide-meta{flex-direction:column;gap:.5rem}.toc-nav ol{grid-template-columns:1fr}.guide-section{padding:3rem 1rem}.guide-section h2{font-size:1.75rem}.process-steps{grid-template-columns:1fr;gap:1.5rem}.process-steps .step:after{display:none}.two-column,.feature-grid,.guides-grid,.guide-page .footer-links{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.guide-cta{padding:2.5rem 1.5rem;margin:2rem 1rem}.cluster-link-card{flex-direction:column}.cluster-link-card:hover,.feature-item:hover,.guide-card:hover{transform:none}}