@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#0b0f19;--bg-secondary:#1a2235;--primary-color:#3b82f6;--accent-color:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#1a2235b3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #00000080}.app-container{flex-direction:column;min-height:100vh;display:flex}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px #3b82f666}50%{box-shadow:0 0 30px #8b5cf699}to{box-shadow:0 0 15px #3b82f666}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-logo{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;padding:15px;transition:transform .3s,box-shadow .3s;animation:4s ease-in-out infinite alternate float;display:flex;box-shadow:0 5px 15px #0000004d}.floating-logo.text-only{border-radius:25px;width:auto;min-width:90px;max-width:150px;height:50px;padding:8px 15px}.logo-text{text-align:center;color:var(--text-primary);font-size:.75rem;font-weight:600}.floating-logo:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #3b82f680;transform:scale(1.15)!important}.floating-logo img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:100%;height:100%}.hero-section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.gradient-blob{filter:blur(80px);z-index:0;opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.shape-1{background:var(--primary-color);width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:var(--accent-color);width:300px;height:300px;animation-delay:-3s;bottom:-50px;right:-50px}.hero-content{z-index:10;text-align:center;max-width:650px;animation:1s ease-out forwards fade-in-up;position:relative}.profile-container{flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.profile-image-wrapper{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));border-radius:50%;width:200px;height:200px;margin-bottom:1.5rem;padding:4px;animation:3s infinite alternate pulse-glow}.profile-image{object-fit:cover;border:4px solid var(--bg-secondary);border-radius:50%;width:100%;height:100%}.hero-name{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.hero-titles{color:var(--primary-color);letter-spacing:1px;margin-bottom:1.5rem;font-size:1.25rem;font-weight:400}.hero-summary{color:var(--text-secondary);max-width:90%;margin:0 auto;font-size:1.1rem;line-height:1.8}.floating-container{pointer-events:none;z-index:5;width:32%;height:100%;position:absolute;top:0}.scattered-logo-wrapper{pointer-events:auto;will-change:transform}.floating-container.left{left:0}.floating-container.right{right:0}@media (width<=1024px){.floating-container{display:none}}@media (width<=600px){.hero-name{font-size:2.5rem}.profile-image-wrapper{width:160px;height:160px}}.tech-stack-section{z-index:20;max-width:1000px;margin:-100px auto 4rem;padding:0 2rem;position:relative}.tech-stack-container{background:#0f172abf;flex-direction:column;gap:2rem;padding:3rem 2rem;display:flex}.tech-row{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;animation:.8s ease-out forwards fade-in-up;display:flex}.tech-badge{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:50px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;transition:all .3s;display:flex}.tech-badge:hover{border-color:var(--primary-color);background:#3b82f626;transform:translateY(-5px)scale(1.05);box-shadow:0 8px 20px #3b82f64d}.tech-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:22px;height:22px}.tech-icon-placeholder{background:var(--primary-color);width:14px;height:14px;box-shadow:0 0 8px var(--primary-color);border-radius:50%}.tech-name{color:var(--text-primary);letter-spacing:.5px;font-size:.95rem;font-weight:500}@media (width<=768px){.tech-stack-section{margin-top:-40px;padding:0 1rem}.tech-stack-container{gap:1.5rem;padding:2rem 1rem}}.experience-section{z-index:10;max-width:1000px;margin:0 auto;padding:6rem 2rem;position:relative}.section-title{text-align:center;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem;font-weight:800}.timeline{border-left:2px solid var(--glass-border);padding-left:2rem;position:relative}.timeline-item{opacity:0;margin-bottom:3rem;padding:2rem 2.5rem;transition:transform .3s,border-color .3s;animation:.8s ease-out forwards fade-in-up;position:relative}.timeline-item:hover{border-color:#3b82f666;transform:translate(10px)}.timeline-dot{background:var(--primary-color);width:18px;height:18px;box-shadow:0 0 15px var(--primary-color);border:4px solid var(--bg-color);border-radius:50%;transition:transform .3s,background .3s;position:absolute;top:2.5rem;left:-2rem;transform:translate(-50%)}.timeline-item:hover .timeline-dot{background:var(--accent-color);box-shadow:0 0 15px var(--accent-color);transform:translate(-50%)scale(1.2)}.timeline-date{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;margin-bottom:1.2rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.timeline-role{color:var(--text-primary);margin-bottom:.4rem;font-size:1.5rem;font-weight:600}.timeline-company{color:#a78bfa;margin-bottom:1.5rem;font-size:1.15rem;font-weight:400}.timeline-details{list-style-type:none}.timeline-details li{color:#cbd5e1;margin-bottom:.8rem;padding-left:1.5rem;font-size:1rem;line-height:1.6;position:relative}.timeline-details li:before{content:"▹";color:var(--primary-color);font-size:1.2rem;font-weight:700;line-height:1.2;position:absolute;left:0}@media (width<=768px){.experience-section{padding:4rem 1rem}.timeline{padding-left:1rem}.timeline-dot{left:-1rem}.timeline-item{padding:1.5rem}.timeline-role{font-size:1.2rem}.section-title{font-size:2.2rem}}