@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Outfit:wght@400;700&display=swap";html{scroll-behavior:smooth}:root{--bg-color:#0f1012;--card-bg:#1a1c1e;--text-main:#f4f4f5;--text-dim:#a1a1aa;--accent-primary:#fbbf24;--accent-secondary:#fef3c7;--accent-muted:#fbbf241a;--glass-border:#ffffff14;--glass-shadow:0 10px 40px -10px #0009;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}a[target=_blank]:not(.footer-socials a):after{content:"";vertical-align:middle;opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:13px;height:13px;margin-left:8px;transition:transform .3s,opacity .3s;display:inline-block}a[target=_blank]:not(.footer-socials a):hover:after{opacity:1;transform:translate(2px,-2px)}button,input,textarea{font:inherit}ul{list-style:none}.app-shell,.site-main{min-height:100vh}.site-main{padding-top:1px}.glass{background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0}.section-title{font-family:var(--font-heading);text-align:center;margin-bottom:3rem;font-size:2.5rem}.gradient-text{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:1000;width:90%;max-width:1100px;padding:1rem 2rem;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);letter-spacing:2px;color:#fff;font-size:1.5rem;font-weight:700}.logo span{-webkit-text-fill-color:initial;color:#fff;background:0 0}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a:not(.btn){border-radius:8px;padding:.5rem 1rem;font-weight:500}.nav-links a:not(.btn):hover,.nav-links a:not(.btn):focus,.nav-links a.active{color:var(--accent-primary);background:#00ffff1a}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:.75rem;display:none}.hamburger-line{background:var(--text-main);border-radius:999px;width:28px;height:3px;transition:all .3s;display:block}.mobile-menu-btn[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.hero{padding-top:10rem}.hero-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;display:flex}.hero-image{flex:0 0 300px;position:relative}.profile-photo{object-fit:cover;border:4px solid var(--accent-primary);border-radius:50%;width:300px;height:300px;box-shadow:0 0 30px #fbbf244d}.hero-image:before{content:"";border:2px solid var(--accent-primary);opacity:.3;border-radius:50%;animation:3s infinite pulse-ring;position:absolute;inset:-10px}@keyframes pulse-ring{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.1;transform:scale(1.05)}}.hero-content{flex:1;max-width:600px}.hero-typing-svg{max-width:100%;height:auto;margin:0 auto;display:block}.hero p{color:var(--text-dim);margin-bottom:2.5rem;font-size:1.25rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent-primary);color:#000;box-shadow:0 4px 14px #fbbf2433}.btn.primary:hover,.btn.primary:focus{background:var(--accent-secondary);transform:translateY(-3px)}.btn.secondary{border-color:var(--glass-border);color:var(--text-main);background:#ffffff0d}.btn.secondary:hover,.btn.secondary:focus,.btn:hover,.btn:focus{border-color:var(--accent-primary);transform:translateY(-2px)}.btn.small{padding:.5rem 1rem;font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.project-filters{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:3rem;padding:1.25rem;display:flex}.filter-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:25px;padding:.75rem 1.5rem}.filter-btn:hover,.filter-btn:focus{border-color:var(--accent-primary);background:#ffffff1a}.filter-btn.active{background:var(--accent-primary);color:#000;border-color:var(--accent-primary)}.project-card{border-radius:16px;position:relative;overflow:hidden}.project-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0006}.project-img{background:linear-gradient(135deg,#18181b,#27272a);min-height:200px}.visual-chatbot{background:linear-gradient(135deg,#1e1b4b,#312e81)}.visual-community{background:linear-gradient(135deg,#064e3b,#065f46)}.visual-forecasting{background:linear-gradient(135deg,#4c1d95,#5b21b6)}.visual-portfolio{background:linear-gradient(135deg,#831843,#9d174d)}.visual-changepoint{background:linear-gradient(135deg,#7c2d12,#9a3412)}.visual-credit{background:linear-gradient(135deg,#111827,#1f2937)}.visual-resume{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.visual-pipeline{background:linear-gradient(135deg,#3f6212,#4d7c0f)}.visual-chronos{background:linear-gradient(135deg,#451a03,#78350f)}.visual-transformers{background:linear-gradient(135deg,#164e63,#155e75)}.visual-bank{background:linear-gradient(135deg,#14532d,#166534)}.visual-insurance{background:linear-gradient(135deg,#312e81,#3730a3)}.project-info{padding:1.5rem}.project-info h3{font-family:var(--font-heading);margin-bottom:1rem;font-size:1.3rem}.project-info p{color:var(--text-dim);margin-bottom:1.5rem}.project-badges,.project-links{flex-wrap:wrap;gap:.75rem;display:flex}.project-badges{margin-bottom:1.25rem}.category-badge,.tech-badge{border-radius:20px;padding:.4rem .875rem;font-size:.75rem;font-weight:700;display:inline-block}.category-badge.web-development{background:var(--accent-muted);border:1px solid var(--accent-primary);color:var(--accent-primary)}.category-badge.data-science{color:#a855f7;background:#a855f71a;border:1px solid #a855f7}.category-badge.data-analysis{color:#10b981;background:#10b9811a;border:1px solid #10b981}.category-badge.machine-learning{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f6}.category-badge.software-engineering{color:#ec4899;background:#ec48991a;border:1px solid #ec4899}.tech-badge{border:1px solid var(--glass-border);color:var(--text-dim);background:#ffffff1a}.about-card{max-width:800px;margin:0 auto;padding:3rem}.about-card p+p{margin-top:1rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.skill-category{background:linear-gradient(145deg,#121212e6,#181818e6);border:1px solid #fbbf241a;flex-direction:column;height:100%;padding:2.5rem;display:flex}.skill-category:hover{border-color:var(--accent-primary);transform:translateY(-10px)}.category-header{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.category-icon{background:var(--accent-muted);width:48px;height:48px;color:var(--accent-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.category-icon svg{fill:currentColor;width:24px;height:24px}.category-title{font-family:var(--font-heading);font-size:1.5rem}.skill-tags{flex-wrap:wrap;gap:.75rem;display:flex}.skill-tag{border:1px solid var(--glass-border);color:var(--text-dim);background:#ffffff08;border-radius:8px;padding:.5rem 1rem}.skill-tag:hover{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-primary)}#credentials{background:linear-gradient(180deg, var(--bg-color) 0%, #080808 100%)}.credentials-intro,.contact-intro,.credentials-page-intro{max-width:700px;color:var(--text-dim);text-align:center;margin:0 auto 2rem}.credentials-cta{justify-content:center}.contact-card{border-radius:24px;max-width:700px;margin:0 auto;padding:3rem}.contact-form{gap:1.5rem;display:grid}.form-group label{margin-bottom:.5rem;font-weight:600;display:block}.glass-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#ffffff0d;border-radius:8px;outline:none;padding:1rem}.glass-input:focus{border-color:var(--accent-primary)}.glass-input.error{background:#ef44440d;border-color:#ef4444}textarea.glass-input{resize:vertical;min-height:150px}.error-message{color:#ef4444;min-height:1.2em;margin-top:.5rem;font-size:.875rem;display:block}.success-message,.error-banner,.no-results-message{text-align:center;border-radius:12px;padding:1.5rem}.success-message{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;margin-bottom:1.5rem}.error-banner{color:#fca5a5;background:#ef444414;border:1px solid #ef444440}.submit-btn{width:100%}.contact-mailto{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 3rem;display:flex}.mailto-icon{background:var(--accent-muted);width:72px;height:72px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.mailto-icon svg{width:36px;height:36px}.mailto-label{color:var(--text-dim);font-size:1.1rem}.mailto-link{font-family:var(--font-heading);color:var(--accent-primary);padding-bottom:4px;font-size:1.6rem;font-weight:700;transition:color .3s;position:relative}.mailto-link:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.mailto-link:hover:after{width:100%}.mailto-link:hover{color:var(--accent-secondary)}.footer{border-top:1px solid var(--glass-border);color:var(--text-dim);text-align:center;padding:4rem 0}.footer-socials{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.footer-socials a{border:1px solid var(--glass-border);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.footer-socials a:hover,.footer-socials a:focus{transform:translateY(-3px)}.footer-socials svg{fill:currentColor;width:20px;height:20px}.social-github:hover,.social-github:focus{color:#fff;border-color:#fff}.social-linkedin:hover,.social-linkedin:focus{color:#0077b5;border-color:#0077b5}.social-substack:hover,.social-substack:focus{color:#ff6719;border-color:#ff6719}.social-x:hover,.social-x:focus{color:#fff;border-color:#fff}.social-telegram:hover,.social-telegram:focus{color:#08c;border-color:#08c}.social-leetcode:hover,.social-leetcode:focus{color:#ffa116;border-color:#ffa116}.social-email:hover,.social-email:focus{color:#ea4335;border-color:#ea4335}.credentials-page{padding-top:8rem;padding-bottom:6rem}.credentials-hero{text-align:center;padding:6rem 0 2rem}.cert-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.cert-tab-btn{color:var(--text-dim);cursor:pointer;font-family:var(--font-heading);background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;padding:.75rem 1.75rem;font-weight:600}.cert-tab-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.cert-container{flex-direction:column;gap:6rem;display:flex}.cert-row{align-items:center;gap:4rem;display:flex}.cert-row.reverse{flex-direction:row-reverse}.cert-desc,.cert-img{flex:1}.cert-desc{max-width:500px}.cert-desc h3{font-family:var(--font-heading);color:var(--accent-primary);margin-bottom:1rem;font-size:2rem}.cert-desc p{color:var(--text-dim)}.cert-desc ul{color:var(--text-dim);margin-top:1rem;margin-left:1.5rem;list-style:outside}.cert-desc li+li{margin-top:.75rem}.cert-link-wrap{margin-top:1rem}.cert-img img{border:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-shadow);border-radius:12px}.cert-section-heading{margin-bottom:-2rem}.cert-section-heading h2{border-bottom:1px solid var(--glass-border);color:var(--accent-primary);font-family:var(--font-heading);padding-bottom:.5rem;display:inline-block}.reveal{opacity:0;transition:all .8s;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.loading{min-height:200px;color:var(--accent-primary);justify-content:center;align-items:center;font-weight:600;display:flex}@media (width<=950px){.cert-row,.cert-row.reverse{text-align:center;flex-direction:column;gap:2rem}.cert-desc{max-width:100%}.cert-desc ul{text-align:left;display:inline-block}}@media (width<=768px){.container{padding:0 1rem}.navbar{width:95%;padding:.75rem 1.25rem;top:.75rem}.mobile-menu-btn{display:flex}.nav-links{background:var(--card-bg);visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:.5rem;width:85%;max-width:320px;height:100vh;padding:6rem 2rem 2rem;transition:all .4s;position:fixed;top:0;right:-100%}.nav-links.active{visibility:visible;opacity:1;pointer-events:auto;right:0}.nav-links a{border-radius:12px;align-items:center;width:100%;padding:1.1rem 1.25rem;display:flex}.hero{padding-top:8rem}.hero-container{text-align:center;flex-direction:column;gap:2rem}.hero-image{flex:0 0 250px}.profile-photo{width:250px;height:250px}.hero p{margin-bottom:1.5rem;font-size:1rem}.section{padding:5rem 0}.section-title{margin-bottom:2.5rem;font-size:2.1rem}.projects-grid,.skills-container{grid-template-columns:1fr}.about-card,.contact-card{padding:2rem 1.5rem}}@media (width<=480px){.container{padding:0 .75rem}.hero-image{flex:0 0 170px}.profile-photo{width:170px;height:170px}.project-filters{padding:.75rem}.filter-btn,.cert-tab-btn,.hero-btns .btn{width:100%}.section-title{font-size:1.7rem}}