:root{--bg: #0b0f17;--bg-soft: #0f1523;--text: #ecf2ff;--muted: #a9b4c9;--primary: #7aa2ff;--secondary: #4871a0;--card: #10182a;--border: rgba(255,255,255,.08);--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;font-display:swap}body::-webkit-scrollbar{width:15px;background:#000}body::-webkit-scrollbar-track{background:var(--muted);border-radius:5px 0 0 5px}body::-webkit-scrollbar-thumb{background:var(--primary);border:1px solid #fff;border-radius:5px 0 0 5px}body::-webkit-scrollbar-thumb:hover{background:var(--secondary);border-radius:5px 0 0 5px}a{color:var(--primary);text-decoration:none}a:hover{opacity:.9}.container{max-width:1100px;margin:0 auto;padding:0 20px}nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:linear-gradient(180deg,#0b0f17d9,#0b0f1759,#0b0f1700);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.brand{font-weight:800;letter-spacing:.3px}.menu{display:flex;gap:18px}.menu a{font-weight:600;color:var(--muted)}.menu a.active,.menu a:hover{color:var(--text)}.section{min-height:100vh;display:flex;align-items:center;position:relative}.section .inner{width:100%}.hero{display:grid;place-items:center;text-align:center;padding:80px 0 40px}.hero h1{font-size:clamp(34px,5vw,64px);margin:8px 0 10px}.hero h2{font-size:clamp(18px,2.5vw,28px);color:var(--muted);margin:0 0 18px}.hero .cta{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#121a2e,#0f1523);color:var(--text);box-shadow:var(--shadow);cursor:pointer}.btn.secondary{background:#0f1422}.btn:active{transform:translateY(1px)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);transform:translateY(10px);opacity:0;transition:.6s ease}.card.reveal{transform:translateY(0);opacity:1}.card h3{margin:8px 0 6px}.card p{color:var(--muted);margin:0 0 10px}.skills{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.skill{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;transform:translateY(8px);opacity:0;transition:.6s ease}.skill.reveal{transform:translateY(0);opacity:1}.bar{height:8px;background:#0a1020;border-radius:999px;overflow:hidden;flex:1;margin-left:12px;border:1px solid var(--border)}.bar span{display:block;height:100%;background:linear-gradient(90deg,#6da8ff,#9bb7ff)}.contact{display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.contact form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.contact aside{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0e1629;color:var(--text);margin-bottom:12px}footer{padding:28px 0;text-align:center;color:var(--muted);border-top:1px solid var(--border)}@media (max-width: 840px){.contact{grid-template-columns:1fr}}canvas.starfield{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 800px at 70% -10%,#122040,transparent 60%),#070b12}