@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--dgl-blue:#00a3e0;--dgl-blue-dim:#00a3e01f;--dgl-blue-strong:#0088be;--dgl-navy:#00203f;--dgl-navy-deep:#001529;--dgl-gray-metal:#53565a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-display:"Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;--font-body:"Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s var(--ease);--t-med:.25s var(--ease);--t-slow:.4s var(--ease)}:root,[data-theme=dark]{--bg:#0a1628;--bg-elevated:#12203a;--bg-surface:#1a2b47;--bg-hover:#22385a;--border:#ffffff14;--border-strong:#ffffff24;--text:#e8eff7;--text-muted:#8da3bf;--text-dim:#5a7a9a;--shadow-sm:0 1px 2px #000f1e66;--shadow-md:0 4px 12px #000f1e59;--shadow-lg:0 16px 40px #000f1e80;--atmosphere-1:radial-gradient(circle at 15% 20%, #00a3e014, transparent 40%);--atmosphere-2:radial-gradient(circle at 85% 80%, #00a3e00d, transparent 35%)}[data-theme=light]{--bg:#fafbfd;--bg-elevated:#fff;--bg-surface:#f3f5f9;--bg-hover:#ebeff5;--border:#00203f14;--border-strong:#00203f29;--text:#0a1628;--text-muted:#53565a;--text-dim:#89a;--shadow-sm:0 1px 2px #00203f0f;--shadow-md:0 4px 12px #00203f14;--shadow-lg:0 16px 40px #00203f1a;--atmosphere-1:radial-gradient(circle at 15% 20%, #00a3e00a, transparent 40%);--atmosphere-2:radial-gradient(circle at 85% 80%, #00203f05, transparent 35%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--t-med), color var(--t-med);font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--atmosphere-1), var(--atmosphere-2);pointer-events:none;z-index:0;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}.h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);font-size:48px;font-weight:800;line-height:1.05}.h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:32px;font-weight:700;line-height:1.15}.h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:22px;font-weight:700;line-height:1.25}.h4{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:600;line-height:1.3}.body{font-family:var(--font-body);color:var(--text);font-size:15px;font-weight:400;line-height:1.65}.body-sm{font-family:var(--font-body);color:var(--text-muted);font-size:13.5px;line-height:1.55}.meta{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--dgl-blue);font-size:11px;font-weight:600;line-height:1.2}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1, "ss01" 1}.icon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:color var(--t-fast), transform var(--t-fast);flex-shrink:0}.icon-dot{fill:currentColor;stroke:none}.icon-sm{width:16px;height:16px}.icon-lg{width:24px;height:24px}.icon-xl{stroke-width:1.5px;width:32px;height:32px}.accent-bar{background:var(--dgl-blue);width:32px;height:3px;margin-bottom:var(--sp-4);display:inline-block}.accent-bar.lg{width:48px;height:3px}.accent-bar.vertical{width:3px;height:32px;margin:0}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);font-family:var(--font-display);letter-spacing:.01em;transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;padding:10px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--dgl-blue);outline-offset:2px}.btn-primary{background:var(--dgl-blue);color:#fff}.btn-primary:hover{background:var(--dgl-blue-strong);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--dgl-blue);color:var(--dgl-blue)}.btn-ghost{color:var(--text)}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-lg{padding:13px 26px;font-size:14.5px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast), transform var(--t-fast)}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--dgl-blue);transform:translateY(-2px)}.card-body{padding:var(--sp-6)}.card-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.card-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}.badge{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:10.5px;font-weight:700;line-height:1.4;display:inline-flex}.badge-blue{background:var(--dgl-blue-dim);color:var(--dgl-blue)}.badge-success{color:var(--color-success);background:#10b9811f}.badge-warning{color:var(--color-warning);background:#f59e0b24}.badge-neutral{background:var(--bg-surface);color:var(--text-muted)}.input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;color:var(--text);transition:border-color var(--t-fast);padding:11px 14px;font-size:14px}.input:focus{border-color:var(--dgl-blue);outline:none}.input::placeholder{color:var(--text-dim)}.label{margin-bottom:var(--sp-2);font-family:var(--font-display);color:var(--text);font-size:12.5px;font-weight:600;display:block}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-strong);cursor:pointer;width:56px;height:28px;transition:all var(--t-fast);border-radius:100px;flex-shrink:0;position:relative}.theme-toggle:before{content:"";background:var(--dgl-blue);width:22px;height:22px;transition:transform var(--t-fast);border-radius:50%;position:absolute;top:2px;left:2px}[data-theme=light] .theme-toggle:before{background:var(--dgl-navy);transform:translate(28px)}.theme-toggle svg{width:12px;height:12px;color:var(--text-muted);transition:opacity var(--t-fast);position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle .icon-moon{opacity:0;left:6px}.theme-toggle .icon-sun{opacity:1;right:6px}[data-theme=light] .theme-toggle .icon-moon{opacity:1}[data-theme=light] .theme-toggle .icon-sun{opacity:0}.topnav{z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);border-bottom:1px solid var(--border);position:sticky;top:0}.topnav-inner{max-width:1280px;padding:var(--sp-4) var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-6);margin:0 auto;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);width:240px;padding:var(--sp-6) var(--sp-4);gap:var(--sp-1);flex-direction:column;flex-shrink:0;min-height:100vh;display:flex}.sidebar-item{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);color:var(--text-muted);transition:all var(--t-fast);padding:9px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-item.active{background:var(--dgl-blue-dim);color:var(--dgl-blue);font-weight:600}.sidebar-group-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:var(--sp-5) 12px var(--sp-2);font-size:10.5px;font-weight:700}.container{max-width:1280px;padding:0 var(--sp-6);margin:0 auto}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-4);display:flex}.spacer{flex:1}.grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.logo-mark{align-items:center;height:28px;display:inline-flex}.logo-mark svg{width:auto;height:100%;display:block}[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light,.logo-dark{display:inline-flex}.logo-light{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .6s var(--ease) both}.animate-fade-in{animation:fadeIn .4s var(--ease) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.page{min-height:100vh;display:flex}.main{z-index:1;flex:1;position:relative}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--dgl-blue)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-blue{color:var(--dgl-blue)}.divider{background:var(--border);height:1px;margin:var(--sp-6) 0}@media (width<=768px){.h1{font-size:32px}.h2{font-size:24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{display:none}}