@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftFade{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRightFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #10b9811a}50%{box-shadow:0 0 40px #10b9814d}to{box-shadow:0 0 20px #10b9811a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-on-scroll{opacity:0}.animate-on-scroll.visible{animation:slideUpFade .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate-on-scroll-left{opacity:0}.animate-on-scroll-left.visible{animation:slideLeftFade .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate-on-scroll-right{opacity:0}.animate-on-scroll-right.visible{animation:slideRightFade .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate-scale-in{opacity:0}.animate-scale-in.visible{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards}:root{--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-blur: blur(20px) saturate(180%);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .3), 0 0 0 1px var(--glass-border);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px var(--glass-border-hover);--accent-color: #10b981;--accent-blue: #3b82f6;--radius-card: 20px;--radius-pill: 50px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}[data-theme=light]{--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(59, 130, 246, .2);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .05), 0 0 0 1px var(--glass-border);--glass-shadow-hover: 0 8px 32px rgba(59, 130, 246, .1), 0 0 0 1px var(--glass-border-hover)}nav.navbar{background:#0a0a0acc!important;backdrop-filter:blur(20px) saturate(200%)!important;-webkit-backdrop-filter:blur(20px) saturate(200%)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 4px 30px #0000004d!important;display:block!important}[data-theme=light] nav.navbar{background:#fffc!important;border:1px solid rgba(0,0,0,.06)!important}.card,.glass-card,.project-card,.stat-card,.skill-card,.learning-card,.contact-card,.about-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .4s var(--ease-spring)}.card:hover,.glass-card:hover,.project-card:hover,.stat-card:hover,.skill-card:hover,.learning-card:hover,.contact-card:hover,.about-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.card,.glass-card,.project-card,.stat-card,.skill-card,.learning-card,.contact-card,.about-card{border-radius:var(--radius-card)!important}.skill-badge,.badge,.tech-pill,.filter-btn{background:#ffffff0a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:50px!important;color:#e4e4e7!important;transition:all .3s var(--ease-spring)!important}.skill-badge:hover,.skill-badge.active,.badge:hover,.badge.active,.tech-pill:hover,.tech-pill.active,.filter-btn:hover,.filter-btn.active{background:#10b98126!important;border-color:#10b9814d!important;box-shadow:0 0 20px #10b98126!important;transform:scale(1.05)!important}[data-theme=light] .skill-badge,[data-theme=light] .badge,[data-theme=light] .tech-pill,[data-theme=light] .filter-btn{background:#00000008!important;border:1px solid rgba(0,0,0,.06)!important;color:#18181b!important}[data-theme=light] .skill-badge:hover,[data-theme=light] .skill-badge.active,[data-theme=light] .badge:hover,[data-theme=light] .badge.active,[data-theme=light] .tech-pill:hover,[data-theme=light] .tech-pill.active,[data-theme=light] .filter-btn:hover,[data-theme=light] .filter-btn.active{background:#3b82f61a!important;border-color:#3b82f64d!important}.avatar-wrapper,.avatar-container{position:relative;display:inline-block}.avatar-wrapper:before,.avatar-container:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,#10b981,#3b82f6,#a855f7,#10b981);animation:spin-ring 4s linear infinite;z-index:-1}.avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 20px #10b98166!important;color:#fff!important;border:none!important;border-radius:50px!important;transition:all .3s var(--ease-spring)!important}.btn-primary:hover{transform:scale(1.05) translateY(-2px)!important;box-shadow:0 8px 30px #10b98180!important}.btn-secondary,.btn-glass{background:#ffffff0f!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:50px!important;color:#e4e4e7!important;transition:all .3s var(--ease-spring)!important}.btn-secondary:hover,.btn-glass:hover{background:#ffffff1a!important;transform:scale(1.04)!important}[data-theme=light] .btn-secondary,[data-theme=light] .btn-glass{background:#00000008!important;border:1px solid rgba(0,0,0,.1)!important;color:#18181b!important}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-glass:hover{background:#0000000f!important}input,textarea{background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;color:#e4e4e7!important;transition:all .3s ease!important}input:focus,textarea:focus{background:#ffffff14!important;border-color:#10b98180!important;box-shadow:0 0 0 3px #10b98126!important;outline:none!important}input::placeholder,textarea::placeholder{color:#71717a!important}[data-theme=light] input,[data-theme=light] textarea{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;color:#18181b!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus{background:#fff!important;border-color:#3b82f680!important;box-shadow:0 0 0 3px #3b82f626!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a1a1aa!important}body,.app-root{background:#0a0a0a!important;color:#e4e4e7!important;position:relative}body:before,.app-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 15% 25%,rgba(16,185,129,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 35% at 85% 75%,rgba(59,130,246,.03) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(168,85,247,.02) 0%,transparent 70%);animation:mesh-shift 15s ease-in-out infinite alternate;pointer-events:none;z-index:0}[data-theme=light] body,[data-theme=light] .app-root{background:#fafafa!important;color:#18181b!important}[data-theme=light] body:before,[data-theme=light] .app-root:before{background:radial-gradient(ellipse 60% 40% at 15% 25%,rgba(59,130,246,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 35% at 85% 75%,rgba(16,185,129,.03) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(168,85,247,.02) 0%,transparent 70%)}h1,h2.section-title{background:linear-gradient(135deg,#e4e4e7,#e4e4e7b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] h1,[data-theme=light] h2.section-title{background:linear-gradient(135deg,#18181b,#18181bb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mesh-shift{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}body{color:#e4e4e7;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;line-height:1.6;transition:background-color .3s ease,color .3s ease}::selection{background:#10b9814d;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(48px,8vw,80px)}h2{font-size:clamp(36px,5vw,52px)}h3{font-size:24px}p{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;color:#a1a1aa;line-height:1.7}a{color:#10b981;text-decoration:none;transition:color .3s ease}a:hover{color:#14e8a2}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}section{padding:120px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:50px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:-.01em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){section{padding:80px 0}.container{padding:0 20px}}