*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b1120;--surface: rgba(15, 23, 42, .8);--surface-strong: rgba(30, 41, 59, .95);--text: #f8fafc;--muted: #cbd5f5;--accent: #38bdf8;--accent-strong: #0ea5e9;--border: rgba(148, 163, 184, .2);--shadow: 0 25px 50px rgba(15, 23, 42, .35)}html,body{margin:0;padding:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,#1e293b,#0b1120 45%);color:var(--text);scroll-behavior:smooth}body{min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.12),transparent 40%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{display:flex;flex-direction:column;gap:5rem}.container{width:min(1100px,90%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);background:#0f172a99;border-bottom:1px solid var(--border)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#22d3ee);color:#0b1120;font-weight:700}.nav-links{display:flex;gap:1.5rem;font-size:.95rem;color:var(--muted)}.nav-links a:hover{color:var(--text)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;padding-top:3rem}.hero-content h1{font-size:clamp(2.3rem,2vw + 2rem,3.5rem);line-height:1.1;margin:0 0 1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--accent);font-weight:600}.lead{font-size:1.1rem;color:var(--muted);line-height:1.7;margin-bottom:1.75rem}.cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.button{padding:.75rem 1.6rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:.2s ease;display:inline-flex;align-items:center;gap:.5rem}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0b1120;box-shadow:var(--shadow)}.button.primary:hover{transform:translateY(-2px)}.button.ghost{border-color:var(--border);color:var(--text);background:transparent}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.meta{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.95rem}.hero-card{background:var(--surface);padding:2rem;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card h2{margin-top:0}.hero-card ul{padding-left:1.2rem;color:var(--muted);line-height:1.8}.availability{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.95rem;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ecc}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:1.6rem;text-align:center}.stat-value{font-size:1.8rem;font-weight:600;margin:0}.stat-label{margin:.5rem 0 0;color:var(--muted)}.section{padding:1rem 0}.section-header{max-width:760px;margin-bottom:2.5rem}.section-header h2{margin:.5rem 0 1rem;font-size:clamp(1.8rem,1.5vw + 1.2rem,2.6rem)}.section-subtitle{color:var(--muted);line-height:1.7}.about-grid,.skills-grid,.projects-grid{display:grid;gap:1.5rem}.about-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.about-card,.skill-card,.project-card,.timeline-item,.contact-card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:1.6rem}.skill-card ul{margin:1rem 0 0;padding-left:1.2rem;color:var(--muted);line-height:1.8}.filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-button{border:1px solid var(--border);background:transparent;color:var(--muted);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;font-size:.9rem;transition:.2s ease}.filter-button[aria-pressed=true]{background:var(--accent);color:#0b1120;border-color:transparent}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project-card{display:flex;flex-direction:column;gap:.75rem}.project-meta{font-size:.85rem;color:var(--muted);display:flex;gap:.5rem;align-items:center}.project-impact{font-weight:600;color:var(--text)}.project-link{align-self:flex-start;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--accent);font-size:.85rem;font-weight:600;transition:.2s ease}.project-link:hover{border-color:var(--accent);color:var(--text);background:#38bdf81f}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.35rem .75rem;border-radius:999px;font-size:.75rem;color:var(--muted);border:1px solid var(--border)}.timeline{display:grid;gap:1rem}.timeline-item{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.timeline-time{color:var(--muted);font-size:.9rem;white-space:nowrap}.contact{padding-bottom:4rem}.contact-card{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.contact-link{font-size:1.2rem;color:var(--accent)}.contact-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.contact-links a{padding:.6rem 1rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.contact-links a:hover{color:var(--text);border-color:var(--accent)}.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav-links{display:none}.timeline-item{flex-direction:column;align-items:flex-start}}