#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--background-color: #0D0D0D;--primary-text-color: #EAEAEA;--secondary-text-color: #A1A1A1;--primary-accent-color: #8A2BE2;--secondary-accent-color: #FF6B00;--icon-border-color: #6F42C1;--globe-primary: #00aaff}body{background-color:var(--background-color);color:var(--primary-text-color);font-family:Arial,sans-serif;margin:0;padding:0}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;background:#0003;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #00000080;transition:.3s ease-in-out;z-index:1000}.navbar.scrolled{background:#0009;box-shadow:0 6px 15px #000000b3}.logotext{font-size:23px;Color:#fff;text-decoration:none;font-weight:800;transform:scale(.9);margin-left:20px}.logotext:hover{transform:scale(.7)}.git{text-decoration:none;color:gray;font-size:18px;margin-right:20px;font-weight:100;letter-spacing:.5px;font-family:Arial,sans-serif}.fa-github{font-size:24px}body:has(.navbar){scroll-behavior:smooth}body:has(.navbar) .navbar:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#0009;z-index:-1;transition:background .3s ease-in-out}body:has(.navbar) .navbar:after{content:"";position:absolute;width:100%;height:10px;bottom:-10px;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.container{display:flex;align-items:center;justify-content:space-between;width:80%;margin:auto;padding:50px 0;background:var(--background-color)}.content{max-width:50%}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,var(--primary-accent-color),var(--secondary-accent-color));-webkit-background-clip:text;color:transparent}h1 span{font-weight:700}p{font-size:1rem;text-align:left;line-height:1.5;margin:10px 0;color:var(--primary-text-color)}.social-icons{margin-top:20px;height:fit-content;width:250px;display:relative;left:20%}.social-icons a{height:30px;width:30px;font-size:27px;color:var(--primary-accent-color);border:2px solid var(--icon-border-color);padding:5px;border-radius:50%;transition:transform .3s ease,color .3s ease,background .3s ease}.social-icons a:hover{transform:scale(.8);color:var(--secondary-accent-color);background:var(--primary-accent-color)}.profile-pic{position:relative;display:flex;align-items:center;justify-content:center;border:3px solid var(--primary-accent-color);padding:10px;border-radius:10px}.profile-pic img{width:250px;border-radius:10px}@media screen and (max-width: 768px){.container{flex-direction:column;text-align:center;width:90%}.content{max-width:100%}h1{font-size:2rem;background:linear-gradient(to right,var(--primary-accent-color),var(--secondary-accent-color));-webkit-background-clip:text;color:transparent}.social-icons{justify-content:center}.social-icons a{font-size:25px;padding:8px}.profile-pic{margin-top:20px}.profile-pic img{width:200px}}.services{text-align:center;color:#eaeaea;padding:40px 20px}.services h2{font-size:2rem;font-weight:700}.underline{width:50px;height:4px;background:linear-gradient(90deg,#8a2be2,#ff6b00);margin:10px auto 20px}.services p{color:#a1a1a1;font-size:1rem}.services-container{display:grid;gap:20px;margin-top:30px}.service-card{background:#151515;padding:20px;border-radius:10px;text-align:left;position:relative;border:1px solid #6F42C1;transition:transform .3s ease-in-out;overflow:hidden}.service-card:hover{transform:scale(1.05)}.service-card i{font-size:24px;color:#8a2be2;margin-bottom:10px;display:block}.service-card h3{font-size:1.2rem;color:#eaeaea;margin-bottom:10px}.service-card p{font-size:.9rem;color:#a1a1a1}.service-card:after{content:"";position:absolute;top:20px;right:20px;width:50px;height:2px;background:linear-gradient(90deg,#8a2be2,#ff6b00)}@media (min-width: 768px){.services-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services-container{grid-template-columns:repeat(3,1fr)}}.projects{text-align:center;color:#eaeaea;padding:40px 20px}.projects h2{font-size:2rem;font-weight:700}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px;padding:0 20px}.project-card{background:#151515;padding:20px;text-align:left;position:relative;border:1px solid #6F42C1;border-radius:20px;transition:transform .3s ease-in-out;overflow:hidden}.project-card:hover{transform:scale(1.05)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.project-header h3{font-size:1.2rem;color:#eaeaea}.project-header i{font-size:20px;color:#8a2be2}.project-card p{font-size:.9rem;color:#a1a1a1;margin-bottom:15px}.project-icons{display:flex;gap:10px}.project-icons i{font-size:20px;color:#ff6b00}@media (max-width: 768px){.projects-container{grid-template-columns:1fr;padding:0 10px}.project-card{width:100%;margin:10px 0}}@media (min-width: 768px){.projects-container{justify-content:center}}@media (max-width: 768px){.projects-container{display:block;margin:0}.project-card{width:80%}}.globe-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:fit-content;padding:20px}h1{font-size:2rem;font-weight:700;margin-bottom:20px}.globe{width:200px;height:200px;animation:rotate 10s infinite;background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/World_map_blank_without_borders.svg/1024px-World_map_blank_without_borders.svg.png);background-size:cover;background-position:center;border-radius:50%;box-shadow:0 0 20px #0003;transform-style:preserve-3d;transition:transform .2s ease-out}.location{margin-top:15px;font-size:1.2rem}.icon{font-size:1.5rem;margin-right:5px}strong{font-weight:700}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-container{display:flex;overflow:hidden;position:relative;width:100%;height:80px;background:#000;align-items:center}.banner{position:absolute;display:flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap;padding:20px 0;width:300%;background:linear-gradient(90deg,#8a2be2,#6f42c1);color:#fff;font-size:24px;font-weight:700;animation:marquee 30s linear infinite;word-spacing:30px}@keyframes marquee{0%{transform:translate(0) skew(-10deg)}to{transform:translate(-100%) skew(-10deg)}}.banner span{display:inline-block;animation:glow 1.5s infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,255,255,.8)}to{text-shadow:0 0 20px rgba(255,255,255,1)}}.text-center{text-align:center}#resume-btn{position:relative;font-size:20px;font-weight:700;text-transform:uppercase;padding:15px 30px;border:3px solid var(--primary-accent-color);background:transparent;color:#fff;overflow:hidden;cursor:pointer;transition:.3s;animation:glitch .5s infinite alternate}#resume-btn:before{content:"Download Resume";position:absolute;top:0;left:-2px;width:100%;height:100%;background:transparent;color:#fff;text-shadow:2px 2px 10px var(--secondary-accent-color);clip-path:inset(40% 0 60% 0);animation:glitch-anim .3s infinite alternate}#resume-btn:hover{transform:scale(1.1) rotate(-2deg);border-color:var(--secondary-accent-color);box-shadow:0 0 20px var(--glow-color);animation:shake .2s infinite alternate}#resume-btn:active{transform:scale(1.3) rotate(5deg);background:var(--primary-accent-color);color:#000}#resume-btn a{color:#fff;text-decoration:none}@keyframes flicker{0%{opacity:.7}to{opacity:1}}@keyframes shake{0%{transform:translate(-5px) rotate(-2deg)}to{transform:translate(5px) rotate(2deg)}}@keyframes glitch{0%{box-shadow:5px 5px 10px var(--primary-accent-color)}to{box-shadow:-5px -5px 10px var(--secondary-accent-color)}}@keyframes neonGlow{0%{text-shadow:0 0 5px var(--primary-accent-color)}to{text-shadow:0 0 15px var(--secondary-accent-color)}}@keyframes glitch-anim{0%{clip-path:inset(30% 0 70% 0)}to{clip-path:inset(60% 0 40% 0)}}.testimonials-container{text-align:center;padding:20px 10px;font-family:Arial,sans-serif;background:transparent;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center}.testimonials-container h2{font-size:2.5rem;color:#333;margin-bottom:10px;font-weight:700}.testimonials-container h3{font-size:1.5rem;color:#666;margin-bottom:40px;font-weight:300}.testimonials-slider{width:100%;max-width:800px;margin:0 auto}.testimonial-slide{padding:20px;outline:none}.testimonial-card{border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #0003}.testimonial-text{font-size:1.5rem;color:#444;font-style:italic;margin-bottom:20px;font-weight:600}.testimonial-content{font-size:1rem;color:#555;line-height:1.6;margin-bottom:25px}.testimonial-author{text-align:right}.author-name{font-size:1.2rem;color:#333;font-weight:700}.author-title{font-size:.9rem;color:#777}.slick-dots{bottom:-10px}.slick-dots li button:before{font-size:12px;color:#666}.slick-dots li.slick-active button:before{color:#333}@media (max-width: 768px){.testimonials-container h2{font-size:2rem}.testimonials-container h3,.testimonial-text{font-size:1.2rem}.testimonial-content{font-size:.9rem}.author-name{font-size:1rem}.author-title{font-size:.8rem}}@media (max-width: 480px){.testimonials-container h2{font-size:1.8rem}.testimonials-container h3,.testimonial-text{font-size:1rem}.testimonial-content{font-size:.8rem}.author-name{font-size:.9rem}.author-title{font-size:.7rem}}:root{--background-color: #0D0D0D;--text-color: #EAEAEA;--primary-accent: #8A2BE2;--secondary-accent: #FF6B00;--glass-bg: rgba(255, 255, 255, .1);--glass-blur: 10px}.contact-wrapper{display:flex;justify-content:center;align-items:center;height:fit-content;background:transparent}.contact-form{background:transparent;padding:5px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:18px;width:350px;text-align:center;transition:all .3s ease-in-out;border:2px solid transparent}h2{color:#fff;font-weight:700}input,textarea{width:100%;padding:12px;background:#ffffff1a;color:var(--text-color);font-size:16px;border:2px solid transparent;border-radius:12px;outline:none;transition:.3s ease-in-out;margin-bottom:15px}input:focus,textarea:focus{border-color:var(--secondary-accent);box-shadow:0 0 10px var(--secondary-accent)}textarea{height:100px;resize:none}button{font-size:18px;padding:12px;background:var(--primary-accent);border:none;color:#fff;cursor:pointer;border-radius:10px;transition:all .3s ease-in-out;box-shadow:0 0 10px var(--secondary-accent)}button:hover{background:var(--secondary-accent);box-shadow:0 0 15px #fff}.submitted-popup{background:#0c0;color:#fff;font-size:20px;font-weight:700;padding:15px;border-radius:12px;text-shadow:0 0 10px white;box-shadow:0 0 20px #00ff0080}.error-text{color:#f44;font-size:14px;margin-top:-10px;margin-bottom:10px;text-shadow:0 0 10px rgba(255,68,68,.5)}.error-input{border-color:#f44!important;box-shadow:0 0 5px #f449!important;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.journey-container{display:flex;max-width:1200px;margin:0 auto;padding:2rem;position:relative;background-color:var(--background-color);color:var(--primary-text-color);font-family:Roboto,sans-serif;overflow-x:hidden}.timeline{position:relative;width:10px;background:linear-gradient(to bottom,var(--primary-accent-color),var(--secondary-accent-color));margin-right:2rem}.timeline-node{width:20px;height:20px;background:var(--primary-accent-color);border:3px solid var(--secondary-accent-color);border-radius:50%;position:absolute;left:-5px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8a2be2b3}70%{box-shadow:0 0 0 10px #8a2be200}to{box-shadow:0 0 #8a2be200}}.roles{flex:1}.role-card{background:#1a1a1a;border:1px solid var(--primary-accent-color);border-radius:10px;padding:1.5rem;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease;opacity:1;transform:translate(0)}.role-card.slide-in{opacity:1;transform:translate(0)}.role-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 0 20px #8a2be280,0 0 40px #ff6b004d}.role-title{font-size:1.8rem;font-weight:700;color:var(--primary-accent-color);margin-bottom:.5rem}.company-name{font-size:1.4rem;color:var(--primary-accent-color);margin-bottom:.5rem}.work-mode{font-size:1rem;color:var(--secondary-text-color);margin-bottom:1rem}.achievements{list-style:none;padding:0}.achievement{margin-bottom:.75rem;padding-left:1.5rem;position:relative;animation:slideIn .5s ease;text-align:left}.achievement:before{content:"•";color:var(--secondary-accent-color);font-size:1.5rem;position:absolute;left:0;top:-5px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.journey-container{flex-direction:column;align-items:center;padding:1rem}.timeline{width:100%;height:10px;margin-right:0;margin-bottom:2rem;background:linear-gradient(to right,var(--primary-accent-color),var(--secondary-accent-color))}.timeline-node{top:-5px;left:calc(20%*index - 5px)}.role-card{width:80%;transform:translate(0)}.role-card.slide-in{transform:translate(0)}}@media (max-width: 480px){.role-title{font-size:1.5rem}.company-name{font-size:1.2rem}.work-mode,.achievement{font-size:.9rem}}.footer{background-color:var(--background-color);color:var(--primary-text-color);padding:2rem 1rem;border-top:1px solid var(--primary-accent-color);box-shadow:0 -5px 20px #8a2be233}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.copyright{font-size:.9rem;color:var(--secondary-text-color);text-align:center;margin:0}.social-icons{display:flex;gap:1.5rem}.social-icon{color:var(--primary-text-color);font-size:1.5rem;transition:all .3s ease;text-decoration:none}.social-icon:hover{color:var(--secondary-accent-color);transform:translateY(-5px);text-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color)}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.social-icons{gap:1rem}.social-icon{font-size:1.2rem}}@media (max-width: 480px){.copyright{font-size:.8rem}.social-icons{gap:.8rem}.social-icon{font-size:1rem}}.testbutt-container{text-align:center;margin:2rem 0}.testbutt-text{font-size:1.2rem;color:var(--primary-text-color);font-family:Orbitron,sans-serif}.testbutt-link{color:var(--secondary-accent-color);cursor:pointer;text-decoration:none;transition:all .3s ease;font-weight:700}.testbutt-link:hover{color:var(--primary-accent-color);text-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color)}.testbutt-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.testbutt-popup-content{background:var(--background-color);padding:2rem;border-radius:10px;border:2px solid var(--primary-accent-color);box-shadow:0 0 20px #8a2be280,0 0 40px #ff6b004d;max-width:500px;width:90%;animation:popupFadeIn .5s ease}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.testbutt-popup-title{font-size:1.8rem;color:var(--secondary-accent-color);margin-bottom:1.5rem;text-align:center;font-family:Orbitron,sans-serif;text-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color)}.testbutt-form-group{margin-bottom:1.5rem}.testbutt-form-group label{display:block;font-size:1rem;color:var(--primary-text-color);margin-bottom:.5rem;font-family:Orbitron,sans-serif}.testbutt-form-group input,.testbutt-form-group textarea{width:100%;padding:.75rem;border:2px solid var(--primary-accent-color);border-radius:5px;background:#1a1a1a;color:var(--primary-text-color);font-size:1rem;font-family:Orbitron,sans-serif;transition:all .3s ease}.testbutt-form-group input:focus,.testbutt-form-group textarea:focus{border-color:var(--secondary-accent-color);box-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color);outline:none}.testbutt-form-group textarea{resize:vertical;min-height:120px}.testbutt-submit-btn,.testbutt-close-btn{display:inline-block;padding:.75rem 1.5rem;margin:.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif}.testbutt-submit-btn{background:var(--secondary-accent-color);color:var(--background-color);font-weight:700}.testbutt-submit-btn:hover{background:var(--primary-accent-color);box-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color);transform:translateY(-3px)}.testbutt-close-btn{background:transparent;border:2px solid var(--primary-accent-color);color:var(--primary-text-color)}.testbutt-close-btn:hover{background:var(--primary-accent-color);color:var(--background-color);box-shadow:0 0 10px var(--primary-accent-color),0 0 20px var(--primary-accent-color);transform:translateY(-3px)}@media (max-width: 768px){.testbutt-popup-content{padding:1.5rem}.testbutt-popup-title{font-size:1.5rem}.testbutt-form-group input,.testbutt-form-group textarea{padding:.5rem}.testbutt-submit-btn,.testbutt-close-btn{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.testbutt-text{font-size:1rem}.testbutt-popup-title{font-size:1.2rem}.testbutt-form-group label,.testbutt-form-group input,.testbutt-form-group textarea{font-size:.9rem}}:root{--background-color: #0d0d0d;--primary-text-color: #eaeaea;--secondary-text-color: #a1a1a1;--primary-accent-color: #8a2be2;--secondary-accent-color: #ff6b00;--icon-border-color: #6f42c1}.skills-section{padding:4rem 1rem;background-color:var(--background-color);color:var(--primary-text-color);text-align:center}.skills-title{font-size:2.5rem;margin-bottom:2rem;color:#fff;font-family:Orbitron,sans-serif}.skills-container{max-width:1200px;margin:0 auto}.skill-category{margin-bottom:3rem}.category-title{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;font-family:Orbitron,sans-serif}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.skill-card{background:#1a1a1a;border:2px solid var(--primary-accent-color);border-radius:10px;padding:1.5rem;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.skill-card.slide-up{opacity:1;transform:translateY(0)}.skill-card:hover{border-color:var(--secondary-accent-color);box-shadow:0 0 10px var(--secondary-accent-color),0 0 20px var(--secondary-accent-color);transform:translateY(-5px)}.skill-name{font-size:1.2rem;color:var(--primary-text-color);font-family:Orbitron,sans-serif}@media (max-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-title{font-size:2rem}.category-title{font-size:1.5rem}.skill-name{font-size:1rem}}.music-player{position:fixed;bottom:20px;right:20px;width:80px;height:80px;background:#8a2be24d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #8a2be299;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:grab;overflow:hidden;border:2px solid rgba(138,43,226,.8)}.music-player:active{cursor:grabbing}.music-player:hover{transform:scale(1.1);box-shadow:0 15px 40px #8a2be2cc}.play-btn{background:transparent;border:none;color:#fff;font-size:26px;cursor:pointer;transition:transform .2s ease-in-out}.play-btn i{color:#fff}.play-btn:hover{transform:scale(1.2)}@keyframes pulse{0%{box-shadow:0 0 10px #8a2be299}50%{box-shadow:0 0 20px #8a2be2cc}to{box-shadow:0 0 10px #8a2be299}}.music-player.playing{animation:pulse 2s infinite}