html{scroll-behavior:smooth}body{color:#f0f2f5;background:#0f1418;font-family:Inter,sans-serif}button{cursor:pointer}.font-serif{font-family:Playfair Display,serif}:root{--background:#0f1418;--foreground:#f0f2f5;--card:#141a1f;--primary:#20b2a6;--primary-foreground:#fff;--secondary:#1f2830;--secondary-foreground:#20b2a6;--muted:#252e37;--muted-foreground:#7a8491;--border:#242b32;--radius:.75rem;--highlight:#f5a623;--surface:#1a2329}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a232980;border:1px solid #242b3280}.glass-strong{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1a2329cc;border:1px solid #242b3299}.glow-text{text-shadow:0 0 30px #20b2a680}.glow-border{box-shadow:0 0 20px #20b2a633,inset 0 0 20px #20b2a60d}@keyframes fade-in{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out both fade-in}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:30s linear infinite marquee}@keyframes slow-drift{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-15px,-20px)}75%{transform:translate(30px,10px)}}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}@keyframes animated-border{0%{stroke-dashoffset:400px}to{stroke-dashoffset:-550px}}.group:hover .animated-border-path{animation:1.5s linear infinite animated-border}.animated-border:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#26c4b826;box-shadow:0 0 20px #26c4b833}.timeline-glow{box-shadow:0 0 40px #20b2a659,0 0 80px #20b2a640}.header{z-index:1000;padding:20px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;padding:12px 0}.navbar{justify-content:space-between;align-items:center;display:flex}.logo{color:#000;font-size:24px;font-weight:700;text-decoration:none;transition:color .3s}.logo span,.logo:hover{color:#3b82f6}.desktop-nav{display:none}.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex}.nav-link{color:#666;border-radius:999px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .3s}.nav-link:hover{color:#000;background:#f3f3f3}.desktop-btn{display:none}.contact-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;outline:none;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s}.contact-btn:hover{opacity:.9}.mobile-menu-btn{cursor:pointer;background:0 0;border:none}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;margin-top:10px;animation:.3s fadeIn}.mobile-menu-content{flex-direction:column;gap:16px;padding:24px 0;display:flex}.mobile-link{color:#666;font-size:18px;text-decoration:none;transition:color .3s}.mobile-link:hover{color:#000}@media (width>=768px){.desktop-nav,.desktop-btn{display:block}.mobile-menu-btn{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg img{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute}.container{z-index:2;width:90%;max-width:1200px;margin:auto;position:relative}.grid{grid-template-columns:1fr;gap:50px;display:grid}@media (width>=1024px){.grid{grid-template-columns:1fr 1fr;align-items:center}}.left h1{font-size:48px;font-weight:700;line-height:1.2}.left h1 .primary{color:#3b82f6}.left h1 .italic{font-style:italic;font-weight:400}.left p{color:#777;margin-top:15px}.badge{background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:inline-flex}.pulse{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.buttons{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;display:flex}.social{align-items:center;gap:10px;margin-top:20px;display:flex}.social a{background:#ffffff1a;border-radius:50%;padding:8px;display:flex}.right{justify-content:center;align-items:center;display:flex}.profile-box{position:relative}.profile-box img{object-fit:cover;object-position:top;border:2px solid #3b82f6;border-radius:5%;width:clamp(250px,30vw,300px);height:clamp(300px,30vw,350px);transition:transform .4s;animation:2s infinite borderPulse;box-shadow:0 0 15px #3b82f666}.profile-box img:hover{transform:scale(1.05)}@keyframes borderPulse{0%{border-color:#3b82f666;box-shadow:0 0 10px #3b82f64d}50%{border-color:#fff;box-shadow:0 0 25px #3b82f6b3}to{border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}}.floating-badge,.stats-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:10px;position:absolute}.floating-badge{align-items:center;gap:8px;display:flex;bottom:-10px;right:-10px}.stats-badge{top:-10px;left:-10px}.stats-badge .big{font-size:22px;font-weight:700}.stats-badge .small{color:#aaa;font-size:12px}.green-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.skills{text-align:center;margin-top:60px}.skills p{color:#777;margin-bottom:10px}.marquee-wrapper{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee{gap:30px;width:max-content;animation:20s linear infinite marqueeScroll;display:flex}.marquee span{color:#aaa;white-space:nowrap;flex-shrink:0;font-size:13px}.scroll{text-align:center;color:#aaa;z-index:10;flex-direction:column;align-items:center;gap:4px;font-size:13px;text-decoration:none;animation:2s infinite bounce;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dots{pointer-events:none;z-index:1;position:absolute;inset:0}.dot{background:#3b82f680;border-radius:50%;width:2px;height:2px;animation:linear infinite floatDot;position:absolute}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes floatDot{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}90%{opacity:.6}to{transform:translate(var(--x,30px), -120px) scale(1.2);opacity:0}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.animated-btn{color:#f0f2f5;cursor:pointer;background:0 0;border:1px solid #242b32;border-radius:999px;padding:16px 32px;font-size:18px;font-weight:500;transition:all .3s;position:relative;overflow:visible}.animated-btn:hover{border-color:#20b2a680}.animated-btn:focus{outline:none;box-shadow:0 0 0 2px #20b2a699}.border-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.border-path{transition:stroke-dashoffset 1s}.animated-btn:hover .border-path{animation:1.5s linear infinite border-draw}.btn-content{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}@keyframes border-draw{0%{stroke-dashoffset:400px}to{stroke-dashoffset:-550px}}.about-section{padding:120px 0;overflow:hidden}.about-grid{grid-template-columns:1fr;gap:60px;display:grid}.about-left{flex-direction:column;gap:25px;display:flex}.subtitle{text-transform:uppercase;letter-spacing:2px;color:#666;font-size:13px;font-weight:600}.title{color:#111;font-size:36px;font-weight:700;line-height:1.3}.title span{color:#333;font-style:italic;font-weight:400}.description p{color:#666;margin-bottom:10px;font-size:15px;line-height:1.7}.quote-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #eee;border-radius:16px;padding:20px}.quote-box p{color:#000;font-size:16px;font-style:italic}.quote-box:hover{background-color:#fff}.quote-box{border:1px solid #000;box-shadow:5px 5px 5px 5px #222}.about-right{grid-template-columns:1fr;gap:20px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #eee;border-radius:16px;padding:20px;transition:transform .3s}.card:hover{transform:translateY(-5px)}.icon-box{color:#3b82f6;background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;display:flex}.card h3{margin-bottom:8px;font-size:18px}.card p{color:#666;font-size:14px;line-height:1.6}@media (width>=768px){.about-grid{grid-template-columns:1fr 1fr}.title{font-size:48px}.about-right{grid-template-columns:1fr 1fr}}.projects-section{color:#fff;background:#0b0b0f;padding:100px 20px;position:relative;overflow:hidden}.glow{filter:blur(80px);background:#00ffc814;border-radius:50%;width:300px;height:300px;position:absolute}.glow.right{top:20%;right:0}.glow.left{bottom:20%;left:0}.container{max-width:1200px;margin:auto}.section-header{text-align:center;margin-bottom:60px}.section-header span{letter-spacing:2px;text-transform:uppercase;color:#aaa;font-size:12px}.section-header h2{margin-top:10px;font-size:42px}.section-header h2 span{color:#20b2a6}.section-header p{color:#aaa;max-width:600px;margin:auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.project-card{background:#ffffff08;border-radius:16px;transition:all .3s;overflow:hidden}.project-card:hover{transform:translateY(-5px)}.project-image{height:200px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.project-card:hover img{transform:scale(1.1)}.overlay{background:linear-gradient(#0000,#000000b3);position:absolute;inset:0}.hover-links{opacity:0;justify-content:center;align-items:center;gap:10px;transition:all .3s;display:flex;position:absolute;inset:0}.project-card:hover .hover-links{opacity:1}.hover-links a{background:#ffffff1a;border-radius:50%;padding:10px}.project-content{padding:20px}.title-row{justify-content:space-between;align-items:center;display:flex}.project-content h3{font-size:18px}.project-content p{color:#aaa;margin-top:10px;font-size:13px}.tags{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.tags span{color:#bbb;background:#ffffff0d;border-radius:20px;padding:5px 10px;font-size:11px}.cta{text-align:center;margin-top:50px}.experience-section{padding:120px 0;position:relative}.experience-header{max-width:700px;margin-bottom:60px}.experience-header span{letter-spacing:2px;text-transform:uppercase;color:#666;font-size:13px}.experience-header h2{margin-top:10px;font-size:40px;font-weight:700}.experience-header h2 span{font-style:italic;font-weight:400}.experience-header p{color:#777;margin-top:10px}.timeline{padding-left:20px;position:relative}.timeline-line{background:linear-gradient(#3b82f6,#0000);width:2px;position:absolute;top:0;bottom:0;left:20px}.exp-item{margin-bottom:60px;position:relative}.dot{background:#3b82f6;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:14px}.ping{background:#3b82f6;border-radius:50%;width:12px;height:12px;animation:1s infinite ping;position:absolute}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.exp-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #eee;border-radius:16px;margin-left:40px;padding:20px;transition:all .3s}.exp-card:hover{border-color:#3b82f6}.period{color:#3b82f6;font-size:12px;font-weight:700}.exp-card h3{margin-top:5px;font-size:18px}.company{color:#777;font-size:14px}.desc{color:#666;margin-top:10px;font-size:14px}.tech-list{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.tech{color:#444;background:#f3f3f3;border-radius:20px;padding:5px 10px;font-size:12px}@media (width>=768px){.experience-header h2{font-size:48px}}.achievements-section{padding:120px 0}.achievements-header{margin-bottom:60px}.achievements-header span{letter-spacing:2px;text-transform:uppercase;color:#666;font-size:13px}.achievements-header h2{margin-top:10px;font-size:40px;font-weight:700}.achievements-header h2 span{font-style:italic;font-weight:400}.achievements-header p{color:#777;margin-top:10px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.achievement-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:border-color .3s;overflow:hidden}.achievement-card:hover{border-color:#3b82f6}.achievement-img{width:100%;height:200px;overflow:hidden}.achievement-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.achievement-body{padding:20px}.tag{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.tag-blue{color:#3b82f6;background:#3b82f626}.tag-green{color:#22c55e;background:#22c55e26}.tag-amber{color:#f59e0b;background:#f59e0b26}.achievement-body h3{margin:12px 0 6px;font-size:18px}.achievement-body p{color:#777;font-size:14px}.year{color:#666;margin-top:12px;font-size:12px;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.achievement-card{opacity:0;animation:.6s forwards fadeInUp}.achievement-card:first-child{animation-delay:.1s}.achievement-card:nth-child(2){animation-delay:.25s}.achievement-card:nth-child(3){animation-delay:.4s}.achievement-img img{transition:transform .5s}.achievement-card:hover .achievement-img img{transform:scale(1.08)}.achievement-card{transition:border-color .3s,box-shadow .3s,transform .3s}.achievement-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 0 20px #3b82f626}.tag{transition:transform .2s;display:inline-block}.achievement-card:hover .tag{transform:scale(1.08)}.achievement-img:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff14 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.achievement-img{position:relative;overflow:hidden}.achievement-card:hover .achievement-img:after{transform:translate(100%)}.contact-section{padding:120px 0;position:relative;overflow:hidden}.bg-blur{width:100%;height:100%;position:absolute;top:0;left:0}.blur-circle{filter:blur(80px);opacity:.4;border-radius:50%;width:300px;height:300px;position:absolute}.blur-circle.one{background:#3b82f6;top:20%;left:20%}.blur-circle.two{background:#8b5cf6;bottom:20%;right:20%}.container{width:90%;max-width:1200px;margin:auto;position:relative}.contact-header{text-align:center;margin-bottom:60px}.contact-header h2{font-size:40px;font-weight:700}.contact-header p{color:#666;margin-top:10px}.contact-grid{grid-template-columns:1fr;gap:40px;display:grid}.form-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:30px}.form-box form{flex-direction:column;gap:15px;display:flex}.form-box input,.form-box textarea{border:1px solid #ddd;border-radius:10px;outline:none;padding:12px}.send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.status{border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.status.success{color:green;background:#22c55e1a}.status.error{color:red;background:#ef44441a}.info-box{flex-direction:column;gap:20px;display:flex}.info-card{background:#ffffff1a;border-radius:20px;padding:25px}.info-item{color:#000;gap:15px;padding:10px 0;text-decoration:none;display:flex}.icon-box{background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.availability{border:1px solid #ddd;border-radius:20px;padding:20px}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr}.contact-header h2{font-size:48px}}.footer{border-top:1px solid #ddd;padding:60px 0}.container{width:90%;max-width:1200px;margin:auto}.footer-content{flex-direction:column;justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-logo{text-align:center}.logo{color:#000;font-size:22px;font-weight:700;text-decoration:none}.logo span{color:#3b82f6}.copyright{color:#777;margin-top:10px;font-size:14px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-link{color:#777;font-size:14px;text-decoration:none;transition:color .3s}.footer-link:hover{color:#000}.social-links{align-items:center;gap:15px;display:flex}.social-icon{color:#000;background:#0000000d;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.social-icon:hover{color:#3b82f6;background:#3b82f626}@media (width>=768px){.footer-content{flex-direction:row;align-items:center}.footer-logo{text-align:left}}