:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-surface:#1a2332;--bg-card:#1e293b;--accent-cyan:#06b6d4;--accent-orange:#f97316;--accent-cyan-glow:rgba(6,182,212,.3);--accent-orange-glow:rgba(249,115,22,.3);--accent-cyan-dim:rgba(6,182,212,.15);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--grid-color:rgba(6,182,212,.08);--border-color:rgba(6,182,212,.2);--border-bright:rgba(6,182,212,.4);--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--section-padding:5rem 2rem;--container-max:1200px;--radius:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-orange)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.125rem}.font-mono{font-family:var(--font-mono)}.site-main{z-index:1;min-height:100vh;position:relative}.section{padding:var(--section-padding);max-width:var(--container-max);margin:0 auto;position:relative}.section-alt{background:var(--bg-secondary);max-width:100%;padding-left:0;padding-right:0}.section-alt>*{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.page-section{padding-top:7rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-primary);font-size:2rem;font-weight:600}.section-title-bracket{color:var(--accent-cyan);font-weight:400}.section-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.btn{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan)}.btn-primary:hover{color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan-glow), inset 0 0 20px var(--accent-cyan-glow);background:0 0}.btn-outline{color:var(--accent-cyan);border-color:var(--accent-cyan);background:0 0}.btn-outline:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-cyan-glow)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.section-cta{text-align:center;margin-top:2.5rem}.home-contact{text-align:center}.home-contact-text{color:var(--text-secondary);max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-mono);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:4rem 2rem;font-size:1.1rem}.back-link{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;display:inline-block}.back-link:hover{color:var(--accent-cyan)}.tech-tag{background:var(--accent-cyan-dim);color:var(--accent-cyan);font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .6rem;font-size:.75rem;display:inline-block}.tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}