:root{--bg: #09090b;--bg-card: #111116;--bg-hover: #1a1a22;--border: rgba(255, 255, 255, .07);--accent: #a78bfa;--accent-dim: rgba(167, 139, 250, .12);--accent-glow: rgba(167, 139, 250, .25);--text-1: #fafafa;--text-2: #a1a1aa;--text-3: #52525b;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--transition: .25s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Nunito,sans-serif;margin:0;padding:0;background-color:var(--bg);color:var(--text-1);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}section{scroll-snap-align:start;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:5rem 2rem}section h2{font-family:Nunito,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text-1);margin:0 0 3rem;text-align:center;position:relative}section h2:after{content:"";display:block;width:40px;height:3px;background:var(--accent);border-radius:2px;margin:.6rem auto 0}header{scroll-snap-align:start;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem;padding:6rem 2rem 4rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(167,139,250,.08) 0%,transparent 70%)}.profile-title{max-width:540px}.profile-title .greeting{font-size:clamp(2rem,5vw,3.6rem);font-style:normal;color:var(--text-1);margin:0 0 .75rem;line-height:1.1}header p.subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-2);margin:0 0 2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.4rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#09090b}.btn-primary:hover{background:#c4b5fd;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}#profile-pic{width:clamp(200px,28vw,320px);height:clamp(200px,28vw,320px);border-radius:50%;border:2px solid var(--border);object-fit:cover;box-shadow:0 0 60px var(--accent-glow);transition:box-shadow var(--transition),transform var(--transition)}#profile-pic:hover{box-shadow:0 0 80px #a78bfa66;transform:scale(1.03)}@media(max-width:768px){header{flex-direction:column-reverse;gap:2rem;text-align:center;padding:7rem 1.5rem 4rem}.hero-cta{justify-content:center}}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,5vw,3rem);height:60px;background:#09090bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Nunito,sans-serif;font-weight:900;font-size:1.2rem;color:var(--text-1);text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:clamp(1rem,2.5vw,2rem)}.nav-links a{text-decoration:none;color:var(--text-2);font-size:.875rem;font-weight:500;transition:color var(--transition);white-space:nowrap}.nav-links a:hover{color:var(--text-1)}#menu-button{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}#menu-button span{display:block;width:24px;height:2px;background:var(--text-1);border-radius:2px;transition:all var(--transition)}#nav-menu.open #menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}#nav-menu.open #menu-button span:nth-child(2){opacity:0}#nav-menu.open #menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-links{display:none;position:fixed;top:60px;left:0;right:0;flex-direction:column;background:#09090bf7;backdrop-filter:blur(20px);padding:2rem 1.5rem;gap:0;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links li a{display:block;padding:.75rem 0;font-size:1rem;border-bottom:1px solid var(--border);color:var(--text-1)}.nav-links li:last-child a{border-bottom:none}#menu-button{display:flex}}#about{padding-inline:clamp(1.5rem,8vw,14rem)}#about .about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(2rem,4vw,3.5rem);max-width:760px;text-align:center}#about .about-card p{font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--text-2);line-height:1.8;margin:0}#experience{padding-inline:clamp(1.5rem,6vw,10rem)}.experience-body{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px}.experience-item{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 2rem;transition:border-color var(--transition),background var(--transition)}.experience-item:hover{border-color:var(--accent);background:var(--bg-hover)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.experience-item h3{font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;color:var(--text-1);margin:0}.exp-role{font-size:.875rem;color:var(--accent);font-weight:600;margin:.25rem 0 .75rem}.exp-period{font-size:.8rem;color:var(--text-3);background:var(--bg-hover);border:1px solid var(--border);border-radius:100px;padding:.2rem .75rem;white-space:nowrap}.experience-item p{font-size:.9rem;color:var(--text-2);margin:0 0 1rem;line-height:1.7}.experience-item ul{margin:0;padding-left:1.25rem}.experience-item ul li{font-size:.875rem;color:var(--text-2);margin-bottom:.4rem;line-height:1.6}.separator{display:none}#skills{background:none;padding-inline:clamp(1.5rem,6vw,8rem)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;max-width:900px}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition)}.skill-category:hover{border-color:var(--accent-dim)}.skill-category h3{font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}.skill-pills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:100px;font-size:.82rem;color:var(--text-2);font-weight:500;transition:all var(--transition)}.skill-pill:hover{border-color:var(--accent);color:var(--text-1);background:var(--accent-dim)}.skill-pill img{width:16px;height:16px;object-fit:contain}#projects{padding-inline:clamp(1.5rem,6vw,8rem)}#projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;width:100%;max-width:900px}.project{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color var(--transition),transform var(--transition);filter:none;box-shadow:none}.project:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #0006}.project h3{font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-1);margin:0}.project p{font-size:.875rem;color:var(--text-2);margin:0;line-height:1.7;flex:1}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.tags span{padding:.2rem .65rem;border-radius:100px;font-size:.75rem;font-weight:600;background:var(--accent-dim);color:var(--accent);margin:0}.project a{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:600;transition:gap var(--transition)}.project a:hover{gap:.6rem}.project a:after{content:"→"}#education{padding-inline:clamp(1.5rem,6vw,10rem)}.education-body{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;width:100%;max-width:700px}.education{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;flex:1;min-width:260px;transition:border-color var(--transition);filter:none;box-shadow:none}.education:hover{border-color:var(--accent);transform:none;box-shadow:none}.education h3{font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;color:var(--text-1);margin:0 0 .75rem}.education p{font-size:.9rem;color:var(--text-2);margin:.3rem 0}.graduation-img{max-width:120px;max-height:120px;flex-shrink:0;opacity:.9;filter:brightness(1.2)}#contact{padding-inline:clamp(1.5rem,6vw,8rem)}#contact form{display:flex;flex-direction:column;gap:0;width:min(480px,100%)}#contact label{font-size:.825rem;font-weight:600;color:var(--text-2);margin:1rem 0 .4rem;letter-spacing:.02em}#contact input,#contact textarea{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;color:var(--text-1);font-family:inherit;resize:none;transition:border-color var(--transition),box-shadow var(--transition)}#contact input:focus,#contact textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}#contact input::placeholder,#contact textarea::placeholder{color:var(--text-3)}#contact .btn{margin-top:1.5rem;align-self:flex-start}.cursor{width:14px;height:14px;border-radius:50%;background-color:var(--accent);position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;opacity:.6;transition:transform .2s ease,opacity .2s ease,width .2s ease,height .2s ease;mix-blend-mode:screen}.cursor.hover{width:28px;height:28px;opacity:.3}@media(pointer:coarse){.cursor{display:none}}.bg{display:none}.contact-success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem;text-align:center;animation:fade-in .4s ease}.contact-success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#a78bfa26;color:var(--accent);font-size:1.75rem;border:2px solid var(--accent)}.contact-success p{color:var(--text-1);font-size:1.1rem;margin:0}.contact-error{color:#f87171;font-size:.875rem;margin:.25rem 0 .5rem;padding:.5rem .75rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
