*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:#e5e7eb;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.15),transparent 40%),url(/Portfolio/assets/ai-system-BTaPwXVx.jpg);background-size:cover;background-attachment:fixed;background-position:center}.navbar{position:fixed;top:0;width:100%;z-index:1000;background:#0b0f1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(124,58,237,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.nav-logo{font-weight:700;font-size:1.1rem;color:#fff}.nav-links{display:flex;gap:14px;align-items:center;justify-self:center}.nav-links a{padding:8px 18px;border-radius:999px;font-size:.85rem;font-weight:500;background:transparent;border:1px solid #7c3aed;color:#fff;transition:.3s ease}.nav-links a:hover,.nav-links a.active{background:#7c3aed;box-shadow:0 0 18px #7c3aedb3}.resume-btn{background:#7c3aed}.resume-btn:hover{background:#6d28d9}.hero{min-height:100vh;padding-top:90px;display:flex;justify-content:center;align-items:center;background:#0b0f1aa6}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.hero-avatar{animation:float 4.5s ease-in-out infinite}.hero-card{background:#11162ae0;padding:3.5rem 4rem;border-radius:18px;max-width:760px;border:1px solid rgba(124,58,237,.6);box-shadow:0 0 45px #7c3aed73;text-align:center}.hero-avatar{width:170px;height:170px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1.8rem;border:4px solid #7c3aed;box-shadow:0 0 35px #7c3aedbf}.hero-card h1{font-size:3rem;font-weight:700;color:#fff}.subtitle{margin-top:.6rem;color:#c4b5fd;font-weight:500}.description{margin-top:1rem;color:#9ca3af;line-height:1.6}.buttons{margin-top:2rem;display:flex;justify-content:center;gap:16px}.buttons a{padding:12px 28px;border-radius:999px;background:#7c3aed;color:#fff;font-weight:500;transition:.3s ease}.buttons a:hover{background:#6d28d9;box-shadow:0 0 20px #7c3aedb3}.buttons .outline{background:transparent;border:1px solid #7c3aed}.hero-cta-grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cta{padding:14px 0;border-radius:999px;font-weight:500;font-size:.95rem;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);color:#e5e7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s ease}.cta:hover{border-color:#7c3aed;box-shadow:0 0 18px #7c3aed73;color:#fff}.cta.outline{background:transparent;border:1px solid #7c3aed;color:#fff}.cta.outline:hover{background:#7c3aed;box-shadow:0 0 22px #7c3aed99}.section{padding:100px 10%}.section h2{font-size:2.2rem;margin-bottom:50px;color:#fff;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card{background:#11162a;padding:26px;border-radius:16px;border:1px solid rgba(124,58,237,.4);box-shadow:0 0 25px #7c3aed2e;transition:.3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 0 35px #7c3aed66}.contact-card p{display:flex;align-items:center;gap:8px;margin-bottom:10px}.contact-card a{color:#a78bfa;font-weight:500;transition:.3s ease}.contact-card a:hover{color:#fff;text-decoration:underline}.project-link{display:inline-block;margin-top:14px;color:#a78bfa;font-weight:500;transition:.3s ease}.project-link:hover{color:#fff}.tech-stack{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.tech-stack span{padding:6px 12px;font-size:.8rem;border-radius:999px;background:#7c3aed26;color:#c4b5fd;border:1px solid rgba(124,58,237,.4)}@media(max-width:768px){.hero-card{padding:2.5rem 2rem}.hero-avatar{width:140px;height:140px}.hero-card h1{font-size:2.4rem}.buttons{flex-direction:column}.hero-cta-grid{grid-template-columns:repeat(3,1fr)}}