:root{--bs-body-bg:#0a0f1a;--bs-body-color:#e2e8f0}body{background:linear-gradient(135deg,#0a0f1a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;background:#0a0f1af2!important}.navbar-brand{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:700}.nav-link{font-weight:500;transition:color .2s;color:#94a3b8!important}.nav-link:hover,.nav-link.active{color:#fff!important}.hero-section{text-align:center;padding:6rem 0 4rem}.hero-section h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.hero-section .lead{color:#94a3b8;max-width:700px;margin:0 auto 2rem;font-size:1.3rem}.feature-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;height:100%;padding:2rem;transition:all .3s}.feature-card:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-6px);box-shadow:0 12px 40px #667eea33}.feature-card:active{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.feature-card .icon{margin-bottom:1rem;font-size:2.5rem}.feature-card h3{color:#fff;margin-bottom:.75rem;font-weight:600}.feature-card p{color:#94a3b8;font-size:.95rem;line-height:1.6}.blog-container{max-width:900px}.blog-content h1{color:#fff;border-bottom:2px solid #667eea4d;margin:2.5rem 0 1rem;padding-bottom:.75rem;font-size:2.2rem;font-weight:800}.blog-content h2{color:#e2e8f0;border-bottom:1px solid #ffffff1a;margin:2rem 0 .75rem;padding-bottom:.5rem;font-size:1.7rem;font-weight:700}.blog-content h3{color:#cbd5e1;margin:1.5rem 0 .5rem;font-size:1.3rem;font-weight:600}.blog-content h4{color:#94a3b8;margin:1.25rem 0 .5rem;font-size:1.1rem;font-weight:600}.blog-content p{color:#cbd5e1;margin-bottom:1rem;line-height:1.8}.blog-content a{color:#818cf8;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.blog-content a:hover{color:#a5b4fc;border-bottom-color:#a5b4fc}.blog-content strong{color:#f1f5f9;font-weight:600}.blog-content em{color:#94a3b8}.blog-content ul,.blog-content ol{color:#cbd5e1;margin-bottom:1rem;padding-left:1.5rem}.blog-content li{margin-bottom:.4rem;line-height:1.7}.blog-content blockquote{color:#cbd5e1;background:#667eea14;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.blog-content code{color:#a5b4fc;background:#ffffff1a;border-radius:4px;padding:.15rem .4rem;font-family:Consolas,Monaco,monospace;font-size:.9em}.blog-content pre{background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.blog-content pre code{background:0 0;padding:0}.blog-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.blog-content thead{background:#667eea26}.blog-content th{text-align:left;color:#fff;border:1px solid #ffffff1a;padding:.75rem 1rem;font-weight:600}.blog-content td{color:#cbd5e1;border:1px solid #ffffff14;padding:.75rem 1rem}.blog-content tr:nth-child(2n){background:#ffffff08}.blog-content hr{border:none;border-top:1px solid #ffffff1a;margin:2.5rem 0}.toc-sidebar{max-height:calc(100vh - 100px);font-size:.85rem;position:sticky;top:80px;overflow-y:auto}.toc-sidebar a{color:#64748b;border-left:2px solid #0000;padding:.3rem .75rem;text-decoration:none;transition:all .2s;display:block}.toc-sidebar a:hover{color:#a5b4fc;background:#667eea0d;border-left-color:#667eea}.site-footer{color:#64748b;text-align:center;background:#0000004d;border-top:1px solid #ffffff1a;margin-top:4rem;padding:2rem 0}.btn-glow{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-glow:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.btn-outline-light-custom{color:#e2e8f0;background:0 0;border:1px solid #fff3;border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline-light-custom:hover{color:#fff;background:#ffffff1a}.stat-number{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{color:#64748b;margin-top:.25rem;font-size:.9rem}[data-theme=light] body{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 50%,#f0f4ff 100%)}[data-theme=light] .navbar{border-bottom:1px solid #00000014;background:#fffffff2!important}[data-theme=light] .nav-link{color:#475569!important}[data-theme=light] .nav-link:hover,[data-theme=light] .nav-link.active{color:#1e293b!important}[data-theme=light] .hero-section .lead{color:#64748b}[data-theme=light] .feature-card{background:#fffc;border:1px solid #00000014;box-shadow:0 1px 3px #0000000f}[data-theme=light] .feature-card:hover{background:#fffffff2;border-color:#667eea66;box-shadow:0 12px 40px #667eea26}[data-theme=light] .feature-card:active{transform:translateY(-2px);box-shadow:0 4px 16px #667eea1a}[data-theme=light] .feature-card h3{color:#1e293b}[data-theme=light] .feature-card p{color:#475569}[data-theme=light] .blog-content h1{color:#0f172a;border-bottom-color:#667eea4d}[data-theme=light] .blog-content h2{color:#1e293b;border-bottom-color:#00000014}[data-theme=light] .blog-content h3{color:#334155}[data-theme=light] .blog-content h4{color:#475569}[data-theme=light] .blog-content p,[data-theme=light] .blog-content li,[data-theme=light] .blog-content ul,[data-theme=light] .blog-content ol{color:#334155}[data-theme=light] .blog-content a{color:#4f46e5}[data-theme=light] .blog-content a:hover{color:#4338ca;border-bottom-color:#4338ca}[data-theme=light] .blog-content strong{color:#0f172a}[data-theme=light] .blog-content em{color:#64748b}[data-theme=light] .blog-content blockquote{color:#334155;background:#667eea0f}[data-theme=light] .blog-content code{color:#4f46e5;background:#0000000f}[data-theme=light] .blog-content pre{background:#1e293b;border-color:#0000001a}[data-theme=light] .blog-content pre code{color:#e2e8f0}[data-theme=light] .blog-content thead{background:#667eea1a}[data-theme=light] .blog-content th{color:#0f172a;border-color:#0000001a}[data-theme=light] .blog-content td{color:#334155;border-color:#0000000f}[data-theme=light] .blog-content tr:nth-child(2n){background:#00000005}[data-theme=light] .blog-content hr{border-top-color:#00000014}[data-theme=light] .site-footer{color:#64748b;background:#00000008;border-top:1px solid #00000014}[data-theme=light] .btn-outline-light-custom{color:#334155;border-color:#00000026}[data-theme=light] .btn-outline-light-custom:hover{color:#0f172a;background:#0000000d}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .form-control{color:#1e293b!important;background:#0000000a!important;border-color:#0000001f!important}[data-theme=light] .form-control::placeholder{color:#94a3b8}[data-theme=light] .toc-sidebar a{color:#64748b}[data-theme=light] .toc-sidebar a:hover{color:#4f46e5;background:#667eea0d}