:root{--canvas-bg: #0a0e0a;--surface: #111811;--surface-2: #1a241a;--surface-hover: #223022;--surface-glass: rgba(17, 24, 17, .85);--text-primary: #c8f5c8;--text-secondary: #6f9a6f;--text-muted: #456645;--brand: #39ff6e;--brand-bright: #7dff9f;--brand-ink: #06140a;--brand-glow: rgba(57, 255, 110, .35);--brand-soft: rgba(57, 255, 110, .08);--gold: #e9cf7a;--gold-glow: rgba(233, 207, 122, .4);--gold-soft: rgba(233, 207, 122, .1);--error: #ff5555;--error-soft: rgba(255, 85, 85, .12);--border-color: #2c3f2c;--border-light: #3d583d;--border-radius: 4px;--border-radius-sm: 2px;--border-radius-md: 6px;--border-radius-lg: 10px;--border-radius-full: 9999px;--font-mono: "IBM Plex Mono", "Fira Code", "Courier New", monospace;--font-arabic: "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family: var(--font-mono);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--nav-height: 64px;--z-spotlight: 0;--z-scanlines: 1;--z-content: 2;--z-nav: 100;--z-modal: 200;--z-toast: 300;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[dir=rtl]{--font-family: var(--font-arabic), var(--font-mono)}[data-theme=obsidian]{--canvas-bg: #050705;--surface: #0a0e0a;--surface-2: #141c14;--border-color: #1e2e1e}[data-theme=amber]{--canvas-bg: #0e0a05;--surface: #181108;--surface-2: #241a0d;--surface-hover: #302312;--text-primary: #f5e4c8;--text-secondary: #9a846f;--text-muted: #665545;--brand: #ffaa39;--brand-bright: #ffc97d;--brand-ink: #140c03;--brand-glow: rgba(255, 170, 57, .35);--brand-soft: rgba(255, 170, 57, .08);--border-color: #3f3120}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:14px}body{background-color:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-family);font-size:14px;line-height:1.65;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--brand);color:var(--brand-ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--canvas-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--canvas-bg);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--canvas-bg)}a{color:var(--brand);text-decoration:none;transition:color .18s var(--ease-out)}a:hover{color:var(--brand-bright)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;line-height:1.25;color:var(--text-primary)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}@media(max-width:768px){input,textarea,select{font-size:16px!important}}.wrap{max-width:1160px;margin:0 auto;padding:0 16px}@media(min-width:640px){.wrap{padding:0 24px}}@media(min-width:1024px){.wrap{padding:0 40px}}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:var(--z-spotlight);background:radial-gradient(650px circle at var(--mx, 50%) var(--my, 25%),var(--brand-glow),transparent 65%);opacity:.18;transition:background .12s linear}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:var(--z-scanlines);opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.25) 3px 4px)}.card-brand{background:var(--surface);border:1px solid var(--border-color);box-shadow:inset 0 1px #39ff6e0f,0 8px 30px #00000059;border-radius:var(--border-radius);padding:24px;position:relative;overflow:hidden;transition:border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}@media(max-width:480px){.card-brand{padding:16px}}.card-brand:hover{border-color:var(--border-light)}section{position:relative;z-index:var(--z-content);padding:96px 0}@media(max-width:768px){section{padding:48px 0}}#experience,#skills,#projects,#credentials,#contact{content-visibility:auto;contain-intrinsic-size:1px 750px}.sec-head{margin-bottom:44px}.sec-head .path{color:var(--text-secondary);font-size:12px;letter-spacing:.06em;margin-bottom:8px;display:block;text-transform:uppercase}.sec-head h2{font-size:clamp(24px,3.4vw,36px);letter-spacing:-.01em;font-weight:700}.sec-head p{color:var(--text-secondary);font-size:13.5px;max-width:65ch;margin-top:10px}.sec-rule{height:1px;background:linear-gradient(90deg,var(--brand),transparent 75%);margin-top:18px;opacity:.45}[dir=rtl] .sec-rule{background:linear-gradient(-90deg,var(--brand),transparent 75%)}.badge-row{display:flex;gap:8px;margin-top:14px;font-size:11.5px;flex-wrap:wrap}.badge-row span{border:1px solid var(--border-color);padding:3px 10px;border-radius:var(--border-radius-full);color:var(--text-secondary);background:var(--canvas-bg)}.badge-row .gold{border-color:#e9cf7a73;color:var(--gold);background:var(--gold-soft);animation:goldPulse 4s ease-in-out infinite}@keyframes goldPulse{0%,to{opacity:.9}50%{opacity:1;box-shadow:0 0 12px #e9cf7a40}}@media print{body{background:#fff!important;color:#111827!important;font-size:11pt}.spotlight,.scanlines,.nav,.to-top,.hero-ctas,.quick .copy-btn,.command-palette-trigger{display:none!important}.card-brand,.terminal,.proj{border:1px solid #d1d5db!important;box-shadow:none!important;background:#fff!important;color:#111827!important}h1,h2,h3,.metric-num,.role-tag{color:#111827!important}.btn-brand,.btn-ghost{border:1px solid #374151!important;background:transparent!important;color:#111827!important}}