@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0f0f1a;--bg-light:#16162a;--accent:#6c5ce7;--accent-light:#a29bfe;--text-light:#f5f5f7;--text-muted:#b2b2c2}body{background-color:var(--bg-dark);color:var(--text-light);scroll-behavior:smooth;font-family:Poppins,sans-serif}section{padding:5rem 8%}h1,h2,h3{font-weight:600}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f0f1acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.2rem 8%;display:flex;position:sticky;top:0}.navbar h2{color:var(--accent-light);letter-spacing:1px}.navbar ul{gap:2.5rem;list-style:none;display:flex}.navbar ul li a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .25s}.navbar ul li a:hover{color:var(--accent-light)}.hero{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:90vh;animation:1s forwards fadeInUp;display:flex}.hero span{color:var(--accent-light);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:500}.hero h1{font-size:3.2rem;line-height:1.2}.hero h1 span{color:var(--accent);text-transform:none;letter-spacing:0;font-size:inherit;font-weight:700}.hero p{color:var(--text-muted);max-width:500px;font-size:1.05rem}.hero-buttons{gap:1rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:30px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{color:var(--text-light);background:0 0;border:1px solid #fff3}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6c5ce759}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about{max-width:700px}.section-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:500}.about h2{margin:.5rem 0 1.2rem;font-size:2.2rem}.about p{color:var(--text-muted);margin-bottom:1rem;line-height:1.7}.skills{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.skill-tag{color:var(--accent-light);background:#6c5ce726;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.techstack{text-align:center}.techstack .section-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:500}.techstack h2{margin:.5rem 0 3rem;font-size:2.2rem}.tech-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.tech-card{background:var(--bg-light);border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;width:140px;padding:1.5rem 1rem;transition:transform .25s,border-color .25s;display:flex}.tech-card:hover{border-color:var(--accent);transform:translateY(-6px)}.tech-icon{font-size:1.8rem}.tech-card span:last-child{color:var(--text-muted);font-size:.85rem;font-weight:500}.projects{text-align:center}.projects .section-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:500}.projects h2{margin:.5rem 0 3rem;font-size:2.2rem}.project-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;display:grid}.project-card{background:var(--bg-light);border:1px solid #ffffff0f;border-radius:14px;padding:1.8rem;transition:transform .25s,box-shadow .25s,border-color .25s}.project-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 12px 30px #6c5ce733}.project-card h3{color:var(--text-light);margin-bottom:.6rem;font-size:1.2rem}.project-card p{color:var(--text-muted);margin-bottom:1.2rem;font-size:.9rem;line-height:1.6}.project-card a{color:var(--accent-light);align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;transition:gap .2s;display:inline-flex}.project-card a:hover{gap:.6rem}.contact{text-align:center}.contact .section-label{color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:500}.contact h2{margin:.5rem 0 1rem;font-size:2.2rem}.contact p{color:var(--text-muted);max-width:450px;margin:0 auto 2rem;line-height:1.6}.contact-links{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.contact-links a{color:var(--text-light);border:1px solid #ffffff26;border-radius:30px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:500;transition:border-color .2s,color .2s,transform .2s}.contact-links a:hover{border-color:var(--accent);color:var(--accent-light);transform:translateY(-3px)}.footer-note{text-align:center;color:var(--text-muted);margin-top:4rem;padding-bottom:1rem;font-size:.8rem}