:root{--bg: #0f172a;--panel: #111827;--accent: #6366f1;--accent2: #22c55e;--text: #e5e7eb;--muted: #9ca3af;--card: #1f2933;--radius: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui;background:linear-gradient(180deg,#020617,#0f172a);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:90%;max-width:1100px;margin:auto}nav{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617cc;border-bottom:1px solid #1e293b;z-index:10}nav .inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0}nav h1{font-size:20px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav ul{display:flex;gap:24px;list-style:none}nav li{font-size:14px;color:var(--muted);cursor:pointer}nav li:hover{color:#fff}.hero{padding:110px 0 90px;text-align:center}.hero h2{font-size:46px;font-weight:700}.hero h3{font-size:22px;margin-top:12px;color:var(--muted)}.hero p{margin:28px auto;max-width:550px;color:#cbd5f5}.btn{display:inline-block;margin-top:10px;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font-weight:600;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-3px)}section{padding:90px 0}.section-title{text-align:center;font-size:32px;margin-bottom:50px}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}.avatar{width:100%;border-radius:var(--radius);background:url(https://avatars.githubusercontent.com/u/77520670?v=4);background-size:cover;height:280px}.about p{color:#cbd5f5}.skills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill{padding:10px 18px;background:var(--card);border-radius:999px;font-size:14px;color:#dbeafe;border:1px solid #334155}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.card{background:var(--card);padding:26px;border-radius:var(--radius);border:1px solid #334155;transition:.3s}.card:hover{transform:translateY(-6px);border-color:var(--accent)}.card h4{margin-bottom:10px}.card p{color:#cbd5f5;font-size:15px}.card a{display:inline-block;margin-top:16px;font-size:14px;color:#a5b4fc}.contact{text-align:center}.contact p{margin-bottom:26px;color:#cbd5f5}.socials{display:flex;justify-content:center;gap:18px}.socials a{padding:14px 18px;border-radius:12px;background:var(--card);border:1px solid #334155;transition:.25s}.socials a:hover{transform:translateY(-4px);border-color:var(--accent)}footer{text-align:center;padding:40px 0;color:#64748b;font-size:14px}@media (max-width: 750px){.hero h2{font-size:34px}.about{grid-template-columns:1fr}}