:root{--bg-primary: #040d1f;--bg-secondary: #08152e;--bg-tertiary: #0e1e3d;--bg-glass: rgba(8, 21, 46, .75);--bg-card: rgba(14, 30, 61, .65);--bg-card-hover: rgba(20, 42, 82, .85);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #040d1f;--brand-cyan: #33bdfe;--brand-cyan-hover: #5ed0ff;--brand-blue: #1389fd;--brand-purple: #8b5cf6;--brand-emerald: #10b981;--brand-amber: #f59e0b;--brand-rose: #f43f5e;--gradient-brand: linear-gradient(135deg, #33bdfe 0%, #1389fd 100%);--gradient-accent: linear-gradient(135deg, #33bdfe 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(180deg, rgba(8, 21, 46, .9) 0%, rgba(4, 13, 31, .95) 100%);--gradient-border: linear-gradient(135deg, rgba(51, 189, 254, .4) 0%, rgba(19, 137, 253, .1) 50%, rgba(255, 255, 255, .05) 100%);--border-subtle: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .14);--border-cyan: rgba(51, 189, 254, .3);--border-cyan-glow: rgba(51, 189, 254, .6);--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .25);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 35px rgba(51, 189, 254, .2);--shadow-glow-intense: 0 0 50px rgba(51, 189, 254, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--container-max-width: 1240px;--header-height: 72px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(51,189,254,.12),transparent),radial-gradient(circle 800px at 100% 20%,rgba(19,137,253,.05),transparent),radial-gradient(circle 600px at 0% 80%,rgba(139,92,246,.04),transparent);background-attachment:fixed;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-100px;left:20px;background:var(--brand-cyan);color:var(--text-inverse);padding:12px 20px;font-weight:700;border-radius:var(--radius-sm);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}a{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-cyan-hover)}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}code{background:#ffffff14;padding:2px 6px;border-radius:var(--radius-sm);color:var(--brand-cyan)}:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}::selection{background-color:#33bdfe4d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#33bdfe80}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:#040d1fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal)}.site-header.scrolled{background:#040d1ff2;border-bottom-color:#33bdfe33;box-shadow:0 4px 25px #00000080}.nav-container{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em}.brand-logo-img{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid rgba(51,189,254,.3)}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-item{position:relative}.nav-link{font-size:.925rem;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px;padding:8px 0;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--brand-cyan)}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:-16px;width:280px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;transform:translateY(6px);transition:all var(--transition-fast);z-index:100}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition-fast)}.dropdown-link:hover{background:#33bdfe14;color:var(--brand-cyan)}.dropdown-icon{margin-top:2px;color:var(--brand-cyan)}.dropdown-text{display:flex;flex-direction:column}.dropdown-title{font-size:.875rem;font-weight:600}.dropdown-desc{font-size:.75rem;color:var(--text-muted)}.mobile-nav-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center}.mobile-drawer{display:none}@media(max-width:900px){.nav-links,.nav-actions-desktop{display:none}.mobile-nav-toggle{display:flex}.mobile-drawer{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#040d1ffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;overflow-y:auto;z-index:999;transform:translate(100%);transition:transform var(--transition-normal)}.mobile-drawer.open{transform:translate(0)}.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:16px}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;font-size:1.15rem;font-weight:600;color:var(--text-primary);padding:12px 0;border-bottom:1px solid var(--border-subtle)}.mobile-submenu{list-style:none;padding-left:16px;display:flex;flex-direction:column;gap:10px;margin-top:8px}.mobile-sub-link{font-size:.925rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;padding:6px 0}}.section{padding-top:96px;padding-bottom:96px;position:relative}.section-sm{padding-top:56px;padding-bottom:56px}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-header.left-aligned{text-align:left;margin-left:0}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-cyan);background:#33bdfe1a;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(51,189,254,.25);margin-bottom:16px}.section-title{margin-bottom:16px}.section-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding-top:64px;padding-bottom:64px}}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding-top:80px;padding-bottom:40px;margin-top:auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px}.footer-col-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--brand-cyan)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:32px;font-size:.85rem;color:var(--text-muted)}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:36px}}@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;line-height:1.4;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 18px #1389fd59;border-color:#fff3}.btn-primary:hover{background:linear-gradient(135deg,#4ed1ff,#2096ff);box-shadow:0 6px 24px #33bdfe80;transform:translateY(-1px);color:#fff}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.btn-outline:hover{border-color:var(--brand-cyan);color:var(--brand-cyan);background:#33bdfe0d}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-cyan);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.card-gradient-top:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.7}.terminal-window{background:#020712;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card),0 0 40px #33bdfe1a;font-family:var(--font-mono)}.terminal-header{background:#081329;border-bottom:1px solid var(--border-subtle);padding:12px 16px;display:flex;align-items:center;gap:12px}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.terminal-title{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.terminal-body{padding:20px;font-size:.85rem;line-height:1.7;color:#cbd5e1;overflow-x:auto}.terminal-prompt{color:var(--brand-cyan);margin-right:8px}.terminal-highlight{color:#38bdf8;font-weight:600}.terminal-success{color:#4ade80}.terminal-comment{color:#64748b;font-style:italic}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.badge-cyan{background:#33bdfe1f;color:var(--brand-cyan);border:1px solid rgba(51,189,254,.25)}.badge-emerald{background:#10b9811f;color:var(--brand-emerald);border:1px solid rgba(16,185,129,.25)}.badge-purple{background:#8b5cf61f;color:var(--brand-purple);border:1px solid rgba(139,92,246,.25)}.badge-amber{background:#f59e0b1f;color:var(--brand-amber);border:1px solid rgba(245,158,11,.25)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--brand-emerald);box-shadow:0 0 10px var(--brand-emerald);animation:pulse-dot 2s infinite ease-in-out}.lifecycle-wrapper{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden}.lifecycle-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;position:relative;margin-bottom:32px}@media(max-width:900px){.lifecycle-steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.lifecycle-steps{grid-template-columns:1fr}}.lifecycle-step-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 16px;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.lifecycle-step-card.active,.lifecycle-step-card:hover{border-color:var(--brand-cyan);background:#33bdfe14;box-shadow:0 4px 20px #33bdfe33;transform:translateY(-2px)}.lifecycle-step-number{font-family:var(--font-mono);font-size:.75rem;color:var(--brand-cyan);margin-bottom:6px}.lifecycle-step-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-primary)}.lifecycle-detail-box{background:#020712;border:1px solid var(--border-cyan);border-radius:var(--radius-md);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.lifecycle-detail-box{grid-template-columns:1fr}}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.form-required{color:var(--brand-rose)}.form-input,.form-select,.form-textarea{width:100%;background:#040d1fcc;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-sans);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px #33bdfe26;outline:none}.form-input[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--brand-rose)}.form-error{font-size:.8rem;color:var(--brand-rose);display:flex;align-items:center;gap:4px}.form-textarea{min-height:120px;resize:vertical}.feature-list{list-style:none;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--text-secondary)}.feature-icon-wrapper{color:var(--brand-cyan);margin-top:2px;flex-shrink:0}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.breadcrumb-separator{color:var(--border-light)}.tab-filter-container{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:36px}.tab-filter-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tab-filter-btn:hover{border-color:var(--brand-cyan);color:var(--text-primary)}.tab-filter-btn.active{background:var(--brand-cyan);color:var(--text-inverse);border-color:var(--brand-cyan);font-weight:600}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 25px #33bdfe33}50%{box-shadow:0 0 45px #33bdfe66}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-float{animation:subtle-float 6s ease-in-out infinite}.animate-glow{animation:glow-pulse 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-cyan{color:var(--brand-cyan)}.text-emerald{color:var(--brand-emerald)}.text-purple{color:var(--brand-purple)}.text-amber{color:var(--brand-amber)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.w-full{width:100%}