@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";:root{--bg-primary: #0A0E1A;--bg-surface: #111827;--accent-purple: #6C63FF;--accent-coral: #FF6B6B;--accent-cyan: #00D4FF;--text-primary: #F1F5F9;--text-muted: #94A3B8;--radius: 12px;--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Syne,sans-serif;line-height:1.2;color:var(--text-primary)}a{color:var(--accent-cyan);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}img{max-width:100%;display:block}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.btn-primary:hover{box-shadow:0 0 20px #6c63ff73;opacity:1}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--text-muted)}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 16px #00d4ff33;opacity:1}.gradient-text{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:3px}.navbar{position:sticky;top:0;z-index:100;background:#111827cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-logo:hover{color:var(--accent-purple);opacity:1}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links a{font-size:.95rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.navbar-links a:hover{color:var(--text-primary);opacity:1}.navbar-links a.active{color:var(--text-primary);border-bottom-color:var(--accent-purple)}@media (max-width: 480px){.navbar-links{gap:1.2rem}.navbar-links a{font-size:.85rem}.navbar-logo{font-size:.95rem}}.footer{background:var(--bg-surface);border-top:1px solid rgba(255,255,255,.06);padding:1.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{color:var(--text-muted);font-size:.88rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted);font-size:.88rem;font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--accent-cyan);opacity:1}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 64px);display:flex;align-items:center}.hero-blob{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(40px)}.hero-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4rem}.hero-greeting{font-size:1.1rem;color:var(--accent-cyan);font-weight:500;margin-bottom:.25rem}.hero-name{font-size:clamp(2.8rem,7vw,5rem);line-height:1.05;margin-bottom:.5rem}.hero-role{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--accent-coral);font-weight:600;margin-bottom:1rem}.hero-tagline{color:var(--text-muted);font-size:1.05rem;max-width:480px;margin-bottom:2rem}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.avatar-ring{width:200px;height:200px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-initials{width:100%;height:100%;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:3rem;font-weight:700;color:var(--accent-purple)}@media (max-width: 768px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-avatar{display:none}.hero-ctas{justify-content:center}.hero-tagline{margin:0 auto 2rem}}.section-heading{margin-bottom:3rem}.section-label{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:.5rem}.section-heading h2{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text-primary);margin-bottom:.6rem}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:560px}.about{background:var(--bg-surface)}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-bio{color:var(--text-muted);font-size:1.05rem;line-height:1.85}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{padding:.35rem .9rem;border-radius:999px;background:#00d4ff14;border:1px solid rgba(0,212,255,.25);color:var(--accent-cyan);font-size:.85rem;font-weight:500;transition:background var(--transition),transform var(--transition)}.skill-pill:hover{background:#00d4ff2e;transform:translateY(-1px)}@media (max-width: 768px){.about-body{grid-template-columns:1fr}}.edu-list{display:flex;flex-direction:column;gap:1.5rem}.edu-card{background:var(--bg-surface);border-radius:var(--radius);border-left:4px solid var(--accent-purple);padding:1.75rem 2rem;transition:transform var(--transition),box-shadow var(--transition)}.edu-card:hover{transform:translate(6px);box-shadow:-4px 0 24px #6c63ff33}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.edu-school{font-size:1.2rem;color:var(--text-primary);margin-bottom:.2rem}.edu-degree{color:var(--accent-coral);font-size:.95rem;font-weight:600}.edu-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.edu-years{font-size:.85rem;color:var(--text-muted)}.edu-gpa{font-size:.82rem;color:var(--accent-cyan);font-weight:600}.edu-highlights{list-style:none;display:flex;flex-direction:column;gap:.4rem}.edu-highlights li{color:var(--text-muted);font-size:.92rem;padding-left:1.1rem;position:relative}.edu-highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent-purple)}@media (max-width: 600px){.edu-meta{align-items:flex-start}}.tech-tag{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:#6c63ff26;border:1px solid rgba(108,99,255,.35);color:var(--accent-purple);font-size:.78rem;font-weight:600;letter-spacing:.02em}.project-card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:transform var(--transition),box-shadow var(--transition);position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #6c63ff38}.card-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-coral)}.card-title{font-size:1.2rem;color:var(--text-primary)}.card-desc{color:var(--text-muted);font-size:.93rem;line-height:1.7;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.card-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto}.card-btn{font-size:.85rem;padding:.5rem 1.1rem}.projects-page{min-height:calc(100vh - 64px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}.resume-page{min-height:calc(100vh - 64px)}.resume-section{background:var(--bg-surface)}.resume-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.resume-embed{width:100%;height:700px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.resume-embed iframe{border:none}.contact-layout{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.contact-item a{color:var(--accent-cyan);font-size:.95rem;word-break:break-all}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group textarea{background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.7rem 1rem;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color var(--transition);resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-purple)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}@media (max-width: 768px){.contact-layout{grid-template-columns:1fr}.resume-embed{height:500px}}