#root{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}#signal-intro{position:fixed;inset:0;background:#020617;z-index:9999;pointer-events:none;overflow:hidden}.signal-line{position:absolute;top:50%;left:0;height:2px;width:0;background:linear-gradient(90deg,transparent,#60a5fa,transparent);animation:signal-scan 1.2s ease forwards}.signal-pulse{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#60a5fa;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:signal-pulse 1.2s ease .6s forwards}@keyframes signal-scan{0%{width:0;opacity:0}30%{opacity:1}to{width:100%;opacity:.6}}@keyframes signal-pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(45)}}.intro-hide{animation:intro-fade-out .6s ease forwards}@keyframes intro-fade-out{to{opacity:0;visibility:hidden}}@keyframes grid-pulse{0%{opacity:0;transform:scale(.9)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes intro-fade{0%{opacity:1}75%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes scan-line{to{width:100%}}@keyframes typing{to{width:100%}}@keyframes subtitle-reveal{to{opacity:1;filter:blur(0)}}@keyframes intro-fade-out{to{opacity:0;pointer-events:none}}.section{min-height:100vh;padding:120px 10%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-start}.navbar{position:fixed;top:20px;right:20px;z-index:100;background:#020617a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 20px;border-radius:999px}.navbar a,.navbar button{margin:0 10px;font-size:.9rem;text-decoration:none;background:none;border:none;color:#e5e7eb;cursor:pointer}.navbar a:hover,.navbar button:hover{color:#60a5fa}#home{justify-content:center;padding-top:180px}.hero-name{font-size:clamp(2.8rem,5vw,4rem);font-weight:700}.hero-title{margin-top:10px;font-size:1rem;letter-spacing:.25em;color:#93c5fd}.experience{width:100%}.experience-title{margin-bottom:3rem;text-align:left}.experience-card{width:100%;background:linear-gradient(135deg,#0f1937a6,#020617bf);border-radius:22px;padding:2rem 2.5rem;margin-bottom:2.5rem;box-shadow:0 25px 60px #0009}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:1.2rem}.experience-header span{opacity:.85}.experience-card ul{margin-top:1rem;padding-left:2.5rem}.experience-card li{margin-bottom:.6rem;line-height:1.6}.about-cards{display:flex;flex-direction:column;gap:2.5rem;margin-top:2.5rem}.about-card{width:100%;background:linear-gradient(135deg,#0f1937a6,#020617bf);border-radius:22px;padding:2rem 2.5rem;box-shadow:0 25px 60px #0009}.about-card h3{margin-bottom:.75rem;font-size:1.35rem}.about-card p{line-height:1.7;max-width:900px}.projects{width:100%}.projects .section-title{text-align:left;margin-bottom:3.5rem}.projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.project-card{background:radial-gradient(circle at top,#ffffff14,#ffffff0a);border-radius:22px;overflow:hidden;box-shadow:0 25px 60px #0000008c}.project-image{width:100%;height:300px;object-fit:cover;display:block}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-github{font-size:1.25rem;color:#e5e7eb;transition:transform .2s ease,color .2s ease}.project-github:hover{color:#60a5fa;transform:translateY(-2px) scale(1.1)}.project-content{padding:1.75rem}.project-title{font-size:1.4rem;margin-bottom:.6rem}.project-description{font-size:.95rem;color:#d1d5db;line-height:1.6;margin-bottom:1.2rem}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-stack span{background:#cfd6ff;color:#0b1020;padding:6px 12px;font-size:.75rem;font-weight:600;border-radius:8px}#contact h2{margin-bottom:30px}.contact-icons a{font-size:1.8rem;margin-right:30px;display:inline-block;transition:transform .25s ease,color .25s ease}.contact-icons a:hover{color:#60a5fa;animation:icon-pop .45s ease-out}@keyframes icon-pop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(1.08)}55%{transform:translateY(-4px) scale(1.04) rotate(-2deg)}75%{transform:translateY(-5px) scale(1.05) rotate(2deg)}to{transform:translateY(0) scale(1)}}@media(max-width:900px){.navbar{top:12px;left:50%;transform:translate(-50%);display:flex;gap:14px;white-space:nowrap}.section{padding:100px 7%}.projects-grid{grid-template-columns:1fr;gap:2rem}#projects.section{min-height:auto;padding-bottom:140px}.project-image{height:220px}.experience-header{flex-direction:column;gap:6px}.experience-card ul{padding-left:1.8rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{background:linear-gradient(135deg,#0f172a,#020617);color:#e5e7eb}a{color:inherit}