@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&family=Outfit:wght@400;600;700;900&display=swap";:root{--blob-1:#00d2ff;--blob-2:#ff0080;--blob-3:#7928ca;--bg-color:#f1f5f9;--glass-bg:linear-gradient(135deg, #fff6, #ffffff1a);--glass-border-light:#ffffffe6;--glass-border-dark:#fff3;--text-main:#0f172a;--text-muted:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.5px;font-family:Outfit,sans-serif}.liquid-bg-container{z-index:-1;background:var(--bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.8;mix-blend-mode:multiply;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle, var(--blob-1), transparent 70%);width:60vh;height:60vh;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle, var(--blob-2), transparent 70%);width:80vh;height:80vh;animation-delay:-3s;bottom:-10%;right:-10%}.blob-3{background:radial-gradient(circle, var(--blob-3), transparent 70%);width:70vh;height:70vh;animation-duration:25s;top:30%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(100px,100px)scale(1.2)rotate(180deg)}to{transform:translate(-50px,-50px)scale(.9)rotate(360deg)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border-dark);border-top:1px solid var(--glass-border-light);border-left:1px solid var(--glass-border-light);border-radius:24px;padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;animation:6s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.glass-panel:hover{border-top:1px solid #fff;border-left:1px solid #fff;transform:translateY(-8px);box-shadow:0 15px 45px #00000026}.text-gradient{background:linear-gradient(135deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-neon{background:linear-gradient(135deg,#2563eb,#ff0080);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{z-index:1;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.hero-title{letter-spacing:-1px;margin-bottom:.5rem;font-size:3.5rem}.hero-subtitle{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.hero-bio{color:var(--text-muted);lineHeight:1.7;max-width:650px;margin:0 auto;font-size:1.15rem}.section-title{justify-content:center;align-items:center;gap:10px;font-size:2.5rem;display:flex}.role-tags-container{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1.5rem;display:flex}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.project-title{margin-bottom:.8rem;font-size:1.6rem}.project-desc{color:var(--text-muted);min-height:70px;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.stats-timeline-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-top:5rem;display:grid}.timeline-year{color:#db2777;min-width:60px;font-family:Outfit;font-size:1.25rem;font-weight:900}.skills-grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.skill-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);background:#fff9;border:1px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:40px;padding:.8rem 1.8rem;font-family:Outfit;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0000000d}.skill-badge:hover{background:#ffffffe6;transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.tag{color:var(--text-main);background:#ffffff80;border-top:1px solid #fffc;border-left:1px solid #fffc;border-radius:6px;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 2px 5px #0000000d}.repo-link{color:#2563eb;border-bottom:2px solid #0000;align-items:center;gap:8px;padding-bottom:2px;font-weight:800;text-decoration:none;transition:border-color .2s;display:inline-flex}.repo-link:hover{border-color:#2563eb}@media (width<=768px){.app-container{padding:2rem 1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-bio{padding:0 .5rem;font-size:.95rem}.section-title{text-align:center;font-size:1.8rem}.glass-panel{border-radius:16px;padding:1.5rem}.project-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.stats-timeline-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.hero-title+img{width:120px!important;height:120px!important}.timeline-year{min-width:50px;font-size:1.1rem}.skill-badge{padding:.6rem 1.2rem;font-size:.9rem}.glass-panel img{max-width:100%!important;height:auto!important}}.seo-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1rem;display:grid}.seo-gallery-item{text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:1rem;display:flex}.seo-gallery-caption{color:var(--text-muted);margin-top:1rem;font-size:.95rem;font-weight:500;line-height:1.4}@media (width<=768px){.seo-gallery-grid{grid-template-columns:1fr;gap:1.5rem}}