@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--brand-blue:#2563eb;--bg-main:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b}body{background-color:var(--bg-main);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;transition:background-color .3s}.code-font{font-family:JetBrains Mono,monospace}.glass-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffc}.skill-card{background:var(--card-bg);border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.skill-card:hover{border-color:var(--brand-blue);transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.file-tree-item{border-radius:6px;margin:2px 8px;transition:all .15s}.file-tree-item:hover{color:var(--brand-blue);background:#f1f5f9}.file-tree-item.active{color:var(--brand-blue);background:#eff6ff;font-weight:600}.btn-primary{background:var(--brand-blue);color:#fff;transition:all .2s}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #2563eb33}.editor-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden}.editor-header{border-bottom:1px solid var(--border-color);background:#f1f5f9}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}