:root{--bg: #0b1020;--bg-soft: #101a36;--surface: #111b38;--text: #edf3ff;--muted: #9bb0df;--primary: #6aa8ff;--primary-2: #4d95fb;--border: #24345f}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,var(--bg-soft),var(--bg) 55%);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(980px,92vw);margin:0 auto}.hero{padding:1rem 0 3.5rem;border-bottom:1px solid var(--border)}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav ul{display:flex;gap:1rem;list-style:none;padding:0}.brand{letter-spacing:.4px}.hero-content{margin-top:4rem;max-width:760px}.hero-content h1{font-size:clamp(2rem,4.2vw,3.2rem);margin:.3rem 0 1rem}.eyebrow{color:var(--primary);margin:0;font-weight:700;letter-spacing:.3px}.hero-actions{display:flex;gap:.8rem;margin-top:1.5rem}.main-grid{display:grid;gap:1.1rem;padding:2rem 0 3rem}.card{background:color-mix(in srgb,var(--surface) 88%,black);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;margin-top:1rem}.project-item{border:1px solid var(--border);background:#172448;border-radius:12px;padding:1rem;transition:transform .18s ease,border-color .18s ease;will-change:transform}.project-item:hover,.project-item:focus-within{transform:scale(1.02);border-color:var(--primary)}.project-item h3{margin:0}.project-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.tech-list{color:var(--muted);font-size:.92rem;margin-top:.75rem}.muted{color:var(--muted)}.btn{border:1px solid var(--border);color:var(--text);background:transparent;padding:.58rem .9rem;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.btn:hover{border-color:var(--primary);text-decoration:none}.btn-primary{background:var(--primary);color:#041327;border-color:var(--primary);font-weight:700}.btn-primary:hover{background:var(--primary-2)}.footer{padding-bottom:2rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-item{transition:none}.project-item:hover,.project-item:focus-within{transform:none}}@media(max-width:720px){.nav{flex-direction:column;align-items:flex-start}.nav ul{flex-wrap:wrap;margin-top:0}}