*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:#fff;background:#171719;min-height:100vh;font-family:Arial,sans-serif}.navbar{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#18181bbf;border-bottom:1px solid #ffffff14;width:100%;padding:24px 40px;top:0;left:0;right:0;position:fixed!important}.navbar-container{justify-content:space-between;align-items:center;max-width:1250px;margin:0 auto;display:flex}.navbar-left{align-items:center;display:flex}.logo{color:#fff;font-size:1.45rem;font-weight:700;text-decoration:none;transition:transform .25s,color .25s;position:relative}.logo:after{content:"";background:linear-gradient(90deg,#8b5cf6,#c084fc);border-radius:10px;width:100%;height:2px;position:absolute;bottom:-7px;left:0}.navbar-center{align-items:center;gap:42px;display:flex}.navbar-center a,.navbar-right a{color:#ffffffbf;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .25s,transform .25s;position:relative}.navbar-right{align-items:center;gap:28px;display:flex}.navbar-center a:hover,.navbar-right a:hover{color:#c084fc;transform:scale(1.08)}.logo:hover{color:#c084fc;transform:scale(1.04)}@media (width<=800px){.navbar{padding:20px 25px}.navbar-container{flex-wrap:wrap;gap:20px}.navbar-center{order:3;justify-content:center;gap:25px;width:100%}.navbar-center a,.navbar-right a{font-size:.95rem}.navbar-right{gap:18px}}.hero{z-index:20;align-items:center;gap:70px;max-width:1100px;min-height:calc(100vh - 90px);margin:0 auto;padding:40px;display:flex;position:relative}.hero-image{flex-shrink:0}.hero-image img{object-fit:cover;border:4px solid #8b5cf6;border-radius:50%;width:300px;height:300px;box-shadow:0 0 25px #8b5cf659,0 0 70px #8b5cf61f}.hero-text{flex-direction:column;gap:12px;display:flex}.hero-text p{color:#ffffffbf;margin:0;font-size:1.4rem;font-weight:500}.hero-text h1{color:#fff;margin:0;font-size:3.7rem;font-weight:700;line-height:1.1}.hero-text h2{color:#c084fc;margin:0;font-size:1.8rem;font-weight:500}.learn-more{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);background:#8b5cf614;border:1px solid #c084fc59;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-top:25px;padding:12px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s,color .25s;display:inline-flex}.learn-more span{font-size:1.1rem;transition:transform .25s}.learn-more:hover{color:#e9d5ff;background:#8b5cf629;border-color:#c084fca6;transform:translateY(-3px);box-shadow:0 8px 25px #8b5cf626,0 0 20px #8b5cf614}.learn-more:hover span{transform:translateY(3px)}.site{background:#18181b;min-height:100vh;position:relative;overflow-x:hidden}.animated-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bubble{opacity:.9;background:radial-gradient(circle at 30% 30%,#55555b,#303035 55%,#1c1c20);border-radius:50%;position:absolute;box-shadow:inset -25px -25px 50px #00000080,inset 15px 15px 30px #ffffff14,0 20px 60px #0006}.bubble-1{width:420px;height:420px;animation:18s ease-in-out infinite alternate float1;top:-150px;left:-100px}.bubble-2{width:300px;height:300px;animation:22s ease-in-out infinite alternate float2;top:15%;right:-80px}.bubble-3{width:220px;height:220px;animation:16s ease-in-out infinite alternate float3;top:45%;left:10%}.bubble-4{width:500px;height:500px;animation:25s ease-in-out infinite alternate float4;bottom:-250px;right:10%}.bubble-5{width:180px;height:180px;animation:14s ease-in-out infinite alternate float5;top:30%;left:45%}.bubble-6{width:260px;height:260px;animation:20s ease-in-out infinite alternate float6;bottom:10%;left:-100px}.bubble-7{width:140px;height:140px;animation:12s ease-in-out infinite alternate float7;top:10%;left:70%}.bubble-8{width:100px;height:100px;animation:15s ease-in-out infinite alternate float8;bottom:25%;right:30%}@keyframes float1{0%{transform:translate(0)}to{transform:translate(100px,60px)}}@keyframes float2{0%{transform:translate(0)}to{transform:translate(-120px,80px)}}@keyframes float3{0%{transform:translate(0)}to{transform:translate(80px,-100px)}}@keyframes float4{0%{transform:translate(0)}to{transform:translate(-100px,-80px)}}@keyframes float5{0%{transform:translate(0)}to{transform:translate(-60px,100px)}}@keyframes float6{0%{transform:translate(0)}to{transform:translate(120px,-50px)}}@keyframes float7{0%{transform:translate(0)}to{transform:translate(-80px,60px)}}@keyframes float8{0%{transform:translate(0)}to{transform:translate(70px,-70px)}}.hero{z-index:20;position:relative}.experience{z-index:20;max-width:1100px;margin:180px auto 0;padding:80px 40px 120px;position:relative}.experience>h2{text-align:center;color:#fff;background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:3rem;font-weight:700}.experience-list{flex-direction:column;gap:30px;display:flex}.experience-card{-webkit-backdrop-filter:blur(18px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:180px 1fr;column-gap:35px;padding:35px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000040,inset 0 1px #ffffff14}.experience-card:hover{background:#8b5cf614;border-color:#a855f773;transform:translateY(-5px);box-shadow:0 15px 50px #00000059,0 0 35px #8b5cf61a,inset 0 1px #ffffff1a}.experience-card:before{content:"";opacity:.8;background:linear-gradient(#8b5cf6,#c084fc,#0000);border-radius:10px;width:3px;position:absolute;top:20px;bottom:20px;left:0}.experience-date{color:#a78bfa;letter-spacing:.04em;text-align:center;white-space:nowrap;grid-column:1;padding-top:5px;font-size:.9rem;font-weight:500}.experience-logo{grid-column:1;justify-content:center;align-items:center;margin-top:25px;display:flex}.experience-logo img{object-fit:contain;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;width:125px;height:125px;padding:9px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 25px #00000040,0 0 30px #8b5cf614}.experience-card:hover .experience-logo img{border-color:#c084fc66;transform:scale(1.05);box-shadow:0 10px 30px #0000004d,0 0 30px #8b5cf626}.experience-content{grid-area:1/2/span 2;min-width:0}.experience-company h3{color:#fff;margin:0;font-size:1.6rem;font-weight:650}.experience-content h4{color:#c084fc;margin:6px 0 20px;font-size:1rem;font-weight:500}.experience-content ul{margin:0;padding-left:20px}.experience-content li{color:#ffffffb8;margin-bottom:12px;font-size:.98rem;line-height:1.7}.experience-content li:last-child{margin-bottom:0}.highlight{background:linear-gradient(90deg,#c084fc,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}@media (width<=700px){.experience{margin-top:120px;padding:60px 20px 80px}.experience>h2{margin-bottom:40px;font-size:2.3rem}.experience-card{grid-template-columns:1fr;gap:20px;padding:25px}.experience-date{padding-top:0;font-size:.8rem}.experience-logo{justify-content:flex-start}.experience-logo img{width:75px;height:75px}.experience-content h3{font-size:1.4rem}}.projects{z-index:20;max-width:1100px;margin:80px auto 0;padding:80px 40px 120px;position:relative}.projects>h2{text-align:center;color:#fff;background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:3rem;font-weight:700}.projects-container{-webkit-backdrop-filter:blur(20px);background:#ffffff0b;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:280px 1fr;gap:25px;padding:25px;display:grid;box-shadow:0 10px 50px #0000004d,inset 0 1px #ffffff12}.project-list{flex-direction:column;gap:12px;display:flex}.project-card{cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:15px;padding:20px;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;position:relative}.project-card:hover{background:#8b5cf614;border-color:#a855f740;transform:translate(4px)}.project-card.active{background:#8b5cf61f;border-color:#a855f773;box-shadow:0 0 25px #8b5cf614}.project-card.active:before{content:"";background:linear-gradient(#8b5cf6,#c084fc);border-radius:10px;width:3px;position:absolute;top:15px;bottom:15px;left:0}.project-card h3{color:#fff;margin:0 0 6px;font-size:1.05rem;font-weight:600}.project-card p{color:#ffffff80;margin:0;font-size:.82rem;line-height:1.4}.project-details{flex-direction:column;gap:25px;min-width:0;display:flex}.project-image-link{cursor:pointer;background:#00000040;border:1px solid #ffffff1f;border-radius:18px;display:block;overflow:hidden}.project-image-link img{object-fit:cover;width:100%;height:320px;transition:transform .4s,filter .4s;display:block}.project-image-link:hover img{filter:brightness(1.1);transform:scale(1.03)}.project-info{padding:5px 5px 10px}.project-info h3{color:#fff;margin:0 0 12px;font-size:1.8rem;font-weight:650}.project-info p{color:#ffffffad;max-width:700px;margin:0 0 20px;font-size:.98rem;line-height:1.7}.project-technologies{flex-wrap:wrap;gap:8px;display:flex}.project-technologies span{color:#c084fc;background:#8b5cf614;border:1px solid #a855f740;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:500}@media (width<=750px){.projects{margin-top:50px;padding:60px 20px 80px}.projects>h2{margin-bottom:40px;font-size:2.3rem}.projects-container{grid-template-columns:1fr;padding:15px}.project-list{grid-template-columns:repeat(3,1fr);display:grid}.project-card{padding:15px}.project-card p{display:none}.project-image-link img{height:220px}.project-info h3{font-size:1.5rem}}.skills{z-index:20;max-width:1100px;margin:60px auto 0;padding:80px 40px 140px;position:relative}.skills>h2{text-align:center;color:#fff;background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:65px;font-size:3rem;font-weight:700}.skills-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.skill-category{-webkit-backdrop-filter:blur(20px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:20px;min-height:170px;padding:32px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000040}.skill-category:hover{background:#8b5cf60e;border-color:#a855f759;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1a,0 18px 50px #0000004d,0 0 30px #8b5cf614}.skill-category:before{content:"";opacity:.8;background:linear-gradient(#8b5cf6,#c084fc,#0000);border-radius:10px;width:3px;position:absolute;top:20px;bottom:20px;left:0}.skill-category h3{color:#ffffffe6;letter-spacing:.02em;margin:0 0 24px;font-size:1.15rem;font-weight:600}.skill-list{flex-wrap:wrap;gap:14px 24px;display:flex}.skill-pill{color:#ffffffc7;cursor:default;background:0 0;border:none;padding:3px 0;font-size:1.05rem;font-weight:500;transition:color .25s,transform .25s,text-shadow .25s;display:inline-block}.skill-pill:hover{color:#c084fc;text-shadow:0 0 10px #c084fc8c,0 0 25px #8b5cf640;transform:scale(1.12)}@media (width<=700px){.skills{padding:60px 20px 100px}.skills>h2{margin-bottom:40px;font-size:2.3rem}.skills-grid{grid-template-columns:1fr}.skill-category{padding:25px}.skill-list{gap:12px 18px}}.footer{z-index:20;-webkit-backdrop-filter:blur(18px);background:#18181bb8;border-top:1px solid #ffffff14;width:100%;margin-top:80px;position:relative}.footer-container{justify-content:space-between;align-items:center;max-width:1250px;margin:0 auto;padding:40px 40px 30px;display:flex}.footer-left{align-items:center;display:flex}.footer-logo{color:#ffffffe6;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .25s,transform .25s;position:relative}.footer-logo:after{content:"";background:linear-gradient(90deg,#8b5cf6,#c084fc);border-radius:10px;width:100%;height:2px;transition:opacity .25s;position:absolute;bottom:-7px;left:0}.footer-logo:hover{color:#c084fc;transform:scale(1.04)}.footer-center{flex-direction:column;align-items:center;gap:8px;display:flex}.footer-center p{color:#ffffffbf;margin:0;font-size:.95rem;font-weight:500}.footer-center p span{color:#c084fc;font-size:1.15rem}.back-to-top{color:#a78bfa;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .25s,transform .25s}.back-to-top:hover{color:#c084fc;transform:translateY(-2px)}.footer-right{align-items:center;gap:28px;display:flex}.footer-right a{color:#ffffffb3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .25s,transform .25s}.footer-right a:hover{color:#c084fc;transform:translateY(-2px)}.footer-bottom{text-align:center;color:#ffffff59;padding:0 40px 25px;font-size:.75rem}@media (width<=700px){.footer-container{flex-direction:column;gap:28px;padding:35px 20px 25px}.footer-right{gap:22px}.footer-bottom{padding:0 20px 25px}}