@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root,[data-theme=dark]{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--palette-1: #F8F9FA;--palette-2: #E9ECEF;--palette-3: #DEE2E6;--palette-4: #343A40;--bg-space: #212529;--bg-surface: #343A40;--bg-surface-elevated: #3E444B;--bg-card: rgba(52, 58, 64, .82);--bg-card-hover: rgba(62, 68, 75, .94);--border-subtle: rgba(222, 226, 230, .12);--border-medium: rgba(222, 226, 230, .24);--border-focus: #DEE2E6;--accent-cyan: #F8F9FA;--accent-cyan-hover: #FFFFFF;--accent-cyan-dim: rgba(248, 249, 250, .12);--accent-cyan-glow: rgba(248, 249, 250, .18);--accent-green: #10B981;--accent-amber: #F59E0B;--accent-rose: #F43F5E;--text-primary: #F8F9FA;--text-secondary: #DEE2E6;--text-muted: #ADB5BD;--text-dim: #6C757D;--nav-bg: rgba(33, 37, 41, .9);--mobile-drawer-bg: rgba(33, 37, 41, .98);--dropdown-bg: rgba(52, 58, 64, .98);--grid-line: rgba(248, 249, 250, .02);--shadow-card: 0 24px 48px rgba(0, 0, 0, .45), 0 0 0 1px rgba(222, 226, 230, .08);--canvas-bg: rgba(33, 37, 41, .7);--btn-primary-text: #212529;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--nav-height: 68px;--max-width: 1200px}[data-theme=light]{--bg-space: #F8F9FA;--bg-surface: #FFFFFF;--bg-surface-elevated: #E9ECEF;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: #FFFFFF;--border-subtle: rgba(222, 226, 230, .65);--border-medium: #DEE2E6;--border-focus: #343A40;--accent-cyan: #343A40;--accent-cyan-hover: #212529;--accent-cyan-dim: rgba(52, 58, 64, .08);--accent-cyan-glow: rgba(52, 58, 64, .15);--accent-green: #059669;--accent-amber: #D97706;--accent-rose: #E11D48;--text-primary: #343A40;--text-secondary: #495057;--text-muted: #6C757D;--text-dim: #ADB5BD;--nav-bg: rgba(248, 249, 250, .88);--mobile-drawer-bg: rgba(248, 249, 250, .98);--dropdown-bg: rgba(255, 255, 255, .98);--grid-line: rgba(52, 58, 64, .035);--shadow-card: 0 10px 30px -4px rgba(52, 58, 64, .06), 0 2px 8px -2px rgba(52, 58, 64, .04);--canvas-bg: #E9ECEF;--btn-primary-text: #F8F9FA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-space);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}body{min-height:100vh;background-color:var(--bg-space);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-cyan-dim),transparent 70%),linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;overflow-x:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.text-cyan{color:var(--accent-cyan)}.route-progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent-cyan);z-index:99999;transform-origin:0%;box-shadow:0 0 10px var(--accent-cyan-glow)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);outline:none;cursor:pointer;position:relative;transition:background-color .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 2px 8px var(--accent-cyan-glow);transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 16px var(--accent-cyan-glow)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.tech-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease}.tech-card:hover{border-color:var(--border-medium)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-cyan);color:var(--btn-primary-text);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);transition:background .15s ease,box-shadow .15s ease,transform .15s ease;box-shadow:0 2px 10px var(--accent-cyan-glow);white-space:nowrap}.btn-primary:hover{background:var(--accent-cyan-hover);box-shadow:0 4px 16px var(--accent-cyan-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-surface-elevated);color:var(--text-primary);font-weight:500;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--border-medium);transition:all .15s ease;white-space:nowrap}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}.nav-list-item:hover{background-color:var(--bg-surface-elevated)!important;border-color:var(--border-medium)!important}@media(max-width:960px){.desktop-nav,.desktop-only{display:none!important}.mobile-toggle-btn{display:inline-flex!important}}