.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg:#0f1724;--card: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));--muted:#9ca3af;--accent:#7c3aed;--glass: rgba(255,255,255,.04);--glass-2: rgba(255,255,255,.02);--text-color: #e6eef8;--bg-gradient-start: #071025;--bg-gradient-end: #071527;--border-color: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.03);--ghost-hover-bg: rgba(255,255,255,.05);--modal-bg: #071226;--modal-shadow: 0 8px 40px rgba(2,6,23,.6);--modal-border: rgba(255,255,255,.04);--skill-bar-bg: rgba(255,255,255,.06);--theme-toggle-border: rgba(255,255,255,.04);--backdrop-bg: rgba(2,6,23,.6);color-scheme:dark}html.light,body.light{--bg: #ffffff;--card: #fff;--muted: #475569;--glass: rgba(0,0,0,.04);--glass-2: rgba(0,0,0,.02);--text-color: #0f1724;--bg-gradient-start: #fff;--bg-gradient-end: #f1f5f9;--border-color: rgba(0,0,0,.08);--card-border: rgba(0,0,0,.08);--ghost-hover-bg: rgba(0,0,0,.05);--modal-bg: #fff;--modal-shadow: 0 8px 40px rgba(0,0,0,.1);--modal-border: rgba(0,0,0,.08);--skill-bar-bg: rgba(0,0,0,.06);--theme-toggle-border: rgba(0,0,0,.08);--backdrop-bg: rgba(100, 116, 139, .6);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg)}body{background:linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 60%);color:var(--text-color);-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:48px 24px;position:relative}.page-grid{display:grid;grid-template-columns:1fr;gap:28px}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(600px circle at 50% 50%,rgba(124,58,237,.1),transparent 40%)}.reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.5,0,0,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{display:flex;align-items:flex-start;gap:24px}.hero .left{flex:1}.hero h1{font-size:clamp(28px,5vw,44px);margin:0}.hero p{color:var(--muted);margin-top:8px}.cta-row{display:flex;gap:12px;margin-top:18px}.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.ghost{background:transparent;border:1px solid var(--border-color);color:var(--muted);padding:10px 14px;border-radius:10px;transition:transform .2s ease,background .2s ease}.ghost:hover{transform:translateY(-2px);background:var(--ghost-hover-bg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.project-card{background:var(--card);padding:16px;border-radius:12px;border:1px solid var(--card-border);cursor:pointer}.project-card h3{margin:0 0 6px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;padding:4px 8px;border-radius:8px;background:var(--glass);color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.filter{padding:8px 10px;border-radius:999px;background:var(--glass-2);color:var(--muted);cursor:pointer}.filter.active{background:var(--accent);color:#fff}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;pointer-events:none;transition:opacity .18s}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal{background:var(--modal-bg);padding:20px;border-radius:12px;max-width:820px;width:94%;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.skill{background:var(--glass);padding:12px;border-radius:10px}.skill .bar{height:10px;background:var(--skill-bar-bg);border-radius:999px;overflow:hidden;margin-top:8px}.skill .fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#4f46e5);transition:width .8s cubic-bezier(.2,.9,.3,1)}.skill-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.skill-time{font-size:12px;color:var(--muted)}.contact{display:flex;gap:18px;align-items:center}.contact .email{font-weight:600}.theme-toggle{background:transparent;border:1px solid var(--theme-toggle-border);padding:8px;border-radius:8px;color:var(--muted);cursor:pointer}@media(max-width:760px){.hero{flex-direction:column}.container{padding:28px 16px}}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:#fff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:transform .02s linear}html,body{margin:0;width:100%;height:100%;font-family:Outfit,sans-serif}