@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";:root{--font-family: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--bg-color: #030614;--bg-secondary: #0a1128;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent-color: #2563eb;--accent-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .4);--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(59, 130, 246, .15);--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px 0 var(--accent-glow)}html{scroll-behavior:smooth;background-color:var(--bg-color);font-size:90%}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--text-secondary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;color:var(--text-primary);line-height:1.2}.serif-font{font-family:var(--font-serif);font-weight:400}.serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:400}p{margin:0 0 1rem;color:var(--text-secondary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}section{padding:6rem 0;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;font-weight:500;border-radius:9999px;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem;text-decoration:none;font-family:inherit;line-height:inherit}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb3b;color:#fff}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:#ffffff0d;border-color:#fff3;transform:translateY(-1px);color:var(--text-primary)}.glass-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:2.5rem;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);opacity:.5}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:#3b82f64d}.pill{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:500;background-color:#2563eb26;color:#60a5fa;border:1px solid rgba(59,130,246,.2);transition:all .05s ease;cursor:default}.pill:hover{background-color:#2563eb4d;border-color:#3b82f680;color:#93bbfd;transform:translateY(-2px);box-shadow:0 0 12px #2563eb4d}.pill.pill-small{padding:.15rem .6rem;font-size:.75rem;background-color:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.section-title{font-size:2.5rem;margin-bottom:2.5rem;text-align:center;font-weight:400}#about,#projects,#skills,#experience,#contact{scroll-margin-top:6rem}.scroll-anchor{display:block;height:0;scroll-margin-top:5rem}#nav-skills{scroll-margin-top:7.25rem}#nav-experience{scroll-margin-top:2.15rem}#nav-about,#nav-projects{scroll-margin-top:3.5rem}.section-title strong{font-weight:600}.section-subtitle{text-align:center;max-width:600px;margin:0 auto 3rem;color:var(--text-secondary);font-size:1.1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vw;max-width:800px;max-height:800px;background:radial-gradient(circle,#2563eb26,#03061400 70%);z-index:-1;border-radius:50%;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s forwards}@keyframes blurReveal{0%{opacity:0;filter:blur(8px);transform:scale(.98)}to{opacity:1;filter:blur(0);transform:scale(1)}}.animate-blur-reveal{animation:blurReveal .4s cubic-bezier(.16,1,.3,1) forwards}.hamburger{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.hero-title{font-size:4.5rem;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2;font-weight:500}.status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 8px #10b981}@media (max-width: 1024px){.container{padding:0 1.5rem}.hero-title{font-size:3.5rem!important}}@media (max-width: 768px){section{padding:3rem 0}.container{padding:0 2.5rem}.section-title{font-size:2rem!important;margin-bottom:1.5rem!important}.glass-card{padding:1.5rem!important}.hero-title{font-size:3rem!important}.mobile-col{flex-direction:column!important;grid-template-columns:1fr!important}.nav-menu{display:none!important}.nav-menu.open{display:flex!important;flex-direction:column;position:fixed;top:60px;left:0;width:100%;background-color:#030614f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 0;border-bottom:1px solid var(--border-color);z-index:99;align-items:center;gap:1.5rem}.hamburger{display:block}.project-detail-title{font-size:2rem!important}.glass-card h2.serif-font{font-size:1.8rem!important}.all-projects-grid{grid-template-columns:1fr!important}#hero{min-height:auto!important;padding-top:3.5rem!important;padding-bottom:1.75rem!important}#hero .flex{margin-bottom:0!important}#hero p{margin-bottom:2rem!important}#about{margin-top:0!important;padding-top:1.75rem!important;padding-bottom:1.75rem!important}#about h3{font-size:1.3rem!important}#projects{padding-top:1.75rem!important;padding-bottom:1.75rem!important}.view-all-projects-wrapper{margin-top:1.5rem!important}.view-all-projects-wrapper .btn{padding:.8rem 2.2rem!important;font-size:1.05rem!important}#projects h3{font-size:1.3rem!important}#skills,#experience{padding-top:1.75rem!important;padding-bottom:1.75rem!important}#experience h3{font-size:1.2rem!important}#contact{padding-top:1.75rem!important;padding-bottom:1.75rem!important}#contact h2{margin-bottom:1.5rem!important}#contact .glass-card{padding-top:2.5rem!important;padding-bottom:2.5rem!important}#contact .btn{padding:.75rem 1.75rem!important}}@media (max-width: 480px){.container{padding:0 2rem}section{padding:2.5rem 0}.section-title{font-size:1.75rem!important}.hero-title{font-size:2.5rem!important}.glass-card{padding:1.25rem!important}.pill{font-size:.7rem;padding:.25rem .6rem}.btn{padding:.6rem 1.25rem;font-size:.85rem}}