.about{padding:6rem 10% 5rem;background:transparent;text-align:center;color:var(--text-color);position:relative;z-index:1;margin-top:0}.about-content{display:flex;gap:3rem;align-items:center;flex-wrap:wrap;justify-content:center;background:#000000eb;box-shadow:0 8px 32px #0ef6cc33,0 0 32px #a259ff44;border:1px solid #0ef6cc44;border-radius:20px;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);color:var(--text-color);padding:3rem;max-width:1200px;margin:0 auto;transition:box-shadow .4s,background .4s}.about-content:hover{box-shadow:0 12px 40px #a259ff55,0 0 32px #0ef6cc55;background:#000000fa}.profile-pic{width:250px;height:250px;border-radius:20px;object-fit:cover;box-shadow:0 0 24px #0ef6cc44,0 0 32px #a259ff33;border:2px solid #a259ff44;transition:all .3s ease}.profile-pic:hover{transform:scale(1.05);box-shadow:0 12px 40px #0ef6cc55}.about-text{max-width:600px;text-align:center}.about-text h2{font-family:Orbitron,Montserrat,Arial,sans-serif;font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color);animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 16px #a259ff99,0 0 8px #0ef6cc99;letter-spacing:.04em;font-weight:700;position:relative}.about-text h2:after{content:"";display:block;margin:1rem auto 0;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0ef6cc,#a259ff);box-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99}.about-text h3{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-color);text-align:center;text-shadow:0 0 8px #0ef6cc99}.about-text p,.about-text li{color:var(--text-color);text-shadow:0 0 8px #a259ff44;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.timeline{background:#181b3a80;box-shadow:0 4px 16px #a259ff33;border-radius:15px;padding:2rem;border-left:3px solid #0ef6cc44;margin-bottom:2rem;text-align:left}.timeline-item{margin-bottom:1.5rem;background:#181b3ab3;box-shadow:0 4px 16px #0ef6cc33;border-radius:12px;padding:1.2rem 1.5rem;border:1px solid #a259ff44;color:var(--text-color);transition:box-shadow .4s,background .4s}.timeline-item:hover{box-shadow:0 8px 32px #a259ff55,0 0 16px #0ef6cc55;background:#181b3af2}.timeline-item h4{font-size:1.2rem;color:var(--text-color);display:flex;align-items:center;gap:10px}.timeline-item p{font-size:1rem;color:var(--text-color);margin-top:.5rem}.fun-facts{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem}.fact-item{background:#181b3ab3;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);box-shadow:0 2px 8px #a259ff33;border:1px solid #0ef6cc44;color:var(--text-color);border-radius:12px;padding:.8rem 1.2rem;font-size:1.1rem;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;text-shadow:0 0 8px #a259ff44}[data-theme=light] .about-content{background:#ffffffd9;border:1px solid rgba(99,102,241,.2);box-shadow:0 8px 24px #6366f11a}[data-theme=light] .timeline{background:#f1f5f9b3}[data-theme=light] .timeline-item,[data-theme=light] .fact-item{background:#f1f5f9d9}.fact-item:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0ef6cc55}.fact-item span,.fact-item svg{font-size:1.3rem}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.about{padding:5rem 2% 2.5rem}.about-content{padding:1.2rem;max-width:100vw;box-sizing:border-box}.about-text h2{font-size:1.4rem}.about-text h3{font-size:1.1rem}.about-text p,.about-text li{font-size:.95rem}.profile-pic{width:140px;height:140px}}@media (max-width: 480px){.about{padding:4rem .5% 1.2rem}.about-content{padding:.7rem}.about-text h2{font-size:1.1rem}.about-text h3{font-size:.95rem}.about-text p,.about-text li{font-size:.85rem}.profile-pic{width:90px;height:90px}}.space-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;overflow:hidden;background:#000;animation:none;transition:background .3s ease}[data-theme=light] .space-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.8;box-shadow:0 0 12px 4px #fff,0 0 4px 2px #fff;animation:starTwinkle 3s infinite alternate}[data-theme=light] .star{background:#6366f1;box-shadow:0 0 12px 4px #6366f1,0 0 4px 2px #6366f1;opacity:.6}@keyframes starTwinkle{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.star-0{left:5vw;top:10vh;animation-delay:0s}.star-1{left:15vw;top:80vh;animation-delay:.5s}.star-2{left:25vw;top:30vh;animation-delay:1s}.star-3{left:35vw;top:60vh;animation-delay:1.5s}.star-4{left:45vw;top:20vh;animation-delay:2s}.star-5{left:55vw;top:70vh;animation-delay:2.5s}.star-6{left:65vw;top:40vh;animation-delay:3s}.star-7{left:75vw;top:90vh;animation-delay:3.5s}.star-8{left:85vw;top:50vh;animation-delay:4s}.star-9{left:95vw;top:60vh;animation-delay:4.5s}.star-10{left:10vw;top:15vh;animation-delay:1.2s}.star-11{left:20vw;top:85vh;animation-delay:2.2s}.star-12{left:30vw;top:35vh;animation-delay:3.2s}.star-13{left:40vw;top:65vh;animation-delay:4.2s}.star-14{left:50vw;top:25vh;animation-delay:.7s}.star-15{left:60vw;top:75vh;animation-delay:1.7s}.star-16{left:70vw;top:45vh;animation-delay:2.7s}.star-17{left:80vw;top:95vh;animation-delay:3.7s}.star-18{left:90vw;top:55vh;animation-delay:4.7s}.star-19{left:15vw;top:20vh;animation-delay:.3s}.star-20{left:25vw;top:75vh;animation-delay:1.3s}.star-21{left:35vw;top:45vh;animation-delay:2.3s}.star-22{left:45vw;top:85vh;animation-delay:3.3s}.star-23{left:55vw;top:35vh;animation-delay:4.3s}.star-24{left:65vw;top:65vh;animation-delay:.8s}.star-25{left:75vw;top:25vh;animation-delay:1.8s}.star-26{left:85vw;top:75vh;animation-delay:2.8s}.star-27{left:95vw;top:45vh;animation-delay:3.8s}.star-28{left:20vw;top:10vh;animation-delay:.6s}.star-29{left:30vw;top:80vh;animation-delay:1.6s}.star-30{left:40vw;top:30vh;animation-delay:2.6s}.star-31{left:50vw;top:60vh;animation-delay:3.6s}.star-32{left:60vw;top:20vh;animation-delay:4.6s}.star-33{left:70vw;top:70vh;animation-delay:.9s}.star-34{left:80vw;top:40vh;animation-delay:1.9s}.star-35{left:90vw;top:90vh;animation-delay:2.9s}.star-36{left:25vw;top:15vh;animation-delay:1.1s}.star-37{left:35vw;top:85vh;animation-delay:2.1s}.star-38{left:45vw;top:35vh;animation-delay:3.1s}.star-39{left:55vw;top:65vh;animation-delay:4.1s}.star-40{left:65vw;top:25vh;animation-delay:.4s}.star-41{left:75vw;top:75vh;animation-delay:1.4s}.star-42{left:85vw;top:55vh;animation-delay:2.4s}.star-43{left:95vw;top:35vh;animation-delay:3.4s}.star-44{left:30vw;top:20vh;animation-delay:.2s}.star-45{left:40vw;top:70vh;animation-delay:1.2s}.star-46{left:50vw;top:40vh;animation-delay:2.2s}.star-47{left:60vw;top:80vh;animation-delay:3.2s}.star-48{left:70vw;top:30vh;animation-delay:4.2s}.star-49{left:80vw;top:60vh;animation-delay:.5s}.star-50{left:90vw;top:80vh;animation-delay:1.5s}.star-51{left:35vw;top:10vh;animation-delay:2.5s}.star-52{left:45vw;top:90vh;animation-delay:3.5s}.star-53{left:55vw;top:50vh;animation-delay:4.5s}.star-54{left:65vw;top:60vh;animation-delay:.1s}.star-55{left:75vw;top:20vh;animation-delay:1.1s}.star-56{left:85vw;top:70vh;animation-delay:2.1s}.star-57{left:95vw;top:50vh;animation-delay:3.1s}.star-58{left:40vw;top:15vh;animation-delay:.7s}.star-59{left:60vw;top:90vh;animation-delay:1.7s}.nebula{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;animation:nebulaFloat 20s ease-in-out infinite}.nebula-1{width:300px;height:300px;background:radial-gradient(circle,#a259ff 0%,#0ef6cc 50%,transparent 70%);top:20%;left:10%;animation-delay:0s}.nebula-2{width:200px;height:200px;background:radial-gradient(circle,#0ef6cc 0%,#a259ff 50%,transparent 70%);top:60%;right:15%;animation-delay:7s}.nebula-3{width:250px;height:250px;background:radial-gradient(circle,#a259ff 0%,#0ef6cc 30%,transparent 60%);bottom:20%;left:50%;animation-delay:14s}@keyframes nebulaFloat{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(30px,-20px) scale(1.1);opacity:.7}50%{transform:translate(-20px,30px) scale(.9);opacity:.5}75%{transform:translate(20px,10px) scale(1.05);opacity:.6}}.galaxy-core{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,#a259ff 0%,#0ef6cc 30%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:galaxyRotate 30s linear infinite;filter:blur(20px);opacity:.8}@keyframes galaxyRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.2)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.particle{position:absolute;width:4px;height:4px;background:#0ef6cc;border-radius:50%;box-shadow:0 0 8px #0ef6cc,0 0 16px #a259ff;animation:particleFloat 15s ease-in-out infinite}.particle-1{top:30%;left:20%;animation-delay:0s}.particle-2{top:70%;right:25%;animation-delay:3s}.particle-3{bottom:40%;left:60%;animation-delay:6s}.particle-4{top:50%;right:40%;animation-delay:9s}.particle-5{bottom:20%;left:80%;animation-delay:12s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.2);opacity:1}50%{transform:translate(-15px,25px) scale(.8);opacity:.4}75%{transform:translate(25px,15px) scale(1.1);opacity:.8}}.contact{padding:6rem 10% 5rem;background:transparent;text-align:center;color:var(--text-color);position:relative;z-index:1;animation:sectionSlideIn 1.5s ease-out}.contact h2{color:var(--primary-color);animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 24px #a259ffcc,0 0 12px #0ef6cc99;position:relative;font-size:2.8rem;margin-bottom:.5rem}.contact h2:after{content:"";display:block;margin:1rem auto 0;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0ef6cc,#a259ff);box-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99}.contact-form{display:flex;flex-direction:column;gap:1.2rem;max-width:500px;margin:2.5rem auto 0;background:#000000f5;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 0 32px 8px #0ef6cc44,0 0 64px #a259ff33,0 0 32px #fff1;border:2px solid #0ef6cc;border-radius:22px;padding:2.5rem 2rem;position:relative;animation:contactFloat 6s ease-in-out infinite}[data-theme=light] .contact-form{background:#fffffff2;border-color:#6366f159;box-shadow:0 8px 24px #6366f11f}[data-theme=light] .success-message{background:#f1f5f9e6}@keyframes contactFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}.contact-form input,.contact-form textarea{background:#181b3ad9;color:#e0e6ff;border:1.5px solid #a259ff;border-radius:12px;box-shadow:0 0 12px #a259ff33;padding:1.1rem;font-size:1.1rem;transition:border .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #0ef6cc;box-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b3b3cc;opacity:.8;letter-spacing:.03em}.contact-form button{background:var(--button-gradient);color:#fff;font-weight:700;border-radius:50px;box-shadow:0 4px 24px #0ef6cc55,0 0 12px #a259ff99;border:none;margin:.5rem 0;padding:1.1rem 0;font-size:1.1rem;letter-spacing:.04em;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 0 8px #0ef6cc,0 0 2px #a259ff;position:relative;overflow:hidden}.contact-form button:hover{background:var(--button-gradient-hover);box-shadow:0 8px 32px #0ef6cc99,0 0 24px #a259ffcc;color:#fff;transform:translateY(-3px) scale(1.07)}.input-error{border-color:#ef4444!important;box-shadow:0 0 8px #ef4444cc}.error-message{color:#ef4444;font-size:.98rem;text-align:left;margin-top:-.5rem;margin-left:.5rem;text-shadow:0 0 6px #ef444488}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.social-icons a{font-size:2rem;color:var(--text-color);transition:color .3s,transform .3s ease;text-shadow:0 0 8px #a259ff99}.social-icons a:hover{color:var(--primary-color);transform:translateY(-5px);text-shadow:0 0 16px #0ef6cc99}.success-message{margin-top:2.5rem;color:#0ef6cc;font-size:1.7rem;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;text-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99;background:#181b3ad9;border-radius:16px;padding:1rem 2rem;box-shadow:0 0 24px #0ef6cc55,0 0 8px #a259ff99;border:1.5px solid #0ef6cc;animation:contactFloat 6s ease-in-out infinite}@media (max-width: 768px){.contact{padding:5rem 2% 2rem}.contact h2{font-size:1.3rem}.contact-form{max-width:98vw;padding:1rem;box-sizing:border-box}.contact-form input,.contact-form textarea{font-size:.95rem}.contact-form button{font-size:.95rem;padding:.7rem 0}}@media (max-width: 480px){.contact{padding:4rem .5% 1rem}.contact h2{font-size:1.1rem}.contact-form{max-width:99vw;padding:.5rem}.contact-form input,.contact-form textarea{font-size:.85rem}.contact-form button{font-size:.85rem;padding:.5rem 0}}.contact-stars-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.contact-star{position:absolute;background:#fff;border-radius:50%;opacity:.7;box-shadow:0 0 8px 2px #fff8,0 0 2px 1px #a259ff88;animation:contactStarTwinkle 3s infinite alternate,contactStarFloat 8s ease-in-out infinite}@keyframes contactStarTwinkle{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes contactStarFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.footer{padding:2rem 10%;text-align:center;background:#000000eb;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);border-top:1px solid #0ef6cc44;color:#e0e6ff;position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1;box-shadow:0 8px 32px #0ef6cc33;flex-wrap:wrap;gap:1rem}[data-theme=light] .footer{background:#ffffffe6;border-top-color:#6366f140;box-shadow:0 8px 24px #6366f11f;color:var(--text-color)}[data-theme=light] .footer p{color:var(--text-color)}body:not([data-theme=light]) .footer .social-links a{color:#fff;opacity:.96}[data-theme=light] .footer .social-links a{color:var(--text-color);text-shadow:0 0 6px rgba(99,102,241,.25)}[data-theme=light] .footer .social-links a:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(99,102,241,.35)}[data-theme=light] .back-to-top{box-shadow:0 4px 16px #6366f12e,0 0 8px #0ef6cc40}[data-theme=light] .back-to-top:hover{box-shadow:0 8px 28px #6366f147,0 0 16px #0ef6cc59}.social-links a{color:#e0e6ff;margin:0 .5rem;font-size:1.8rem;transition:color .3s,transform .3s ease;text-shadow:0 0 10px #a259ffcc,0 0 4px #0ef6cc88}.social-links a:hover{color:var(--secondary-color);text-shadow:0 0 18px #0ef6cc,0 0 10px #a259ff}.back-to-top{background:var(--button-gradient);color:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:1.4rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 16px #0ef6cc33,0 0 8px #a259ff99;text-shadow:0 0 8px #0ef6cc,0 0 2px #a259ff}.back-to-top:hover{background:var(--button-gradient-hover);box-shadow:0 8px 32px #0ef6cc99,0 0 16px #a259ffcc;color:#fff;transform:translateY(-3px) scale(1.05)}.footer p{font-size:.9rem;color:#e0e6ff;text-shadow:0 0 8px #a259ff44;margin:0}@media (max-width: 768px){.footer{flex-direction:column;padding:1.5rem 5%;gap:1.5rem}.social-links{order:1}.footer p{order:2}.back-to-top{order:3}}@media (max-width: 480px){.footer{padding:1rem 2%}.social-links a{font-size:1.5rem;margin:0 .3rem}.back-to-top{width:40px;height:40px;font-size:1.2rem}}.header{min-height:100vh;height:auto;min-height:100dvh;box-sizing:border-box;padding:0 1rem;background:transparent;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--text-color);position:relative;z-index:1;animation:headerSlideIn 1.5s ease-out}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#000000fa;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);border-bottom:1px solid #0ef6cc44;z-index:1000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:navbarSlideDown 1s ease-out}[data-theme=light] .navbar{background:#ffffffeb;border-bottom:1px solid rgba(99,102,241,.25);box-shadow:0 8px 24px #6366f11f}.profile-section{display:flex;align-items:center;gap:.75rem;animation:navLinkFadeIn 1.2s ease-out}.profile-image-container{position:relative;width:40px;height:40px;cursor:pointer;transition:all .3s ease}.profile-image-container:hover{transform:scale(1.05)}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid var(--secondary-color);box-shadow:0 0 12px #0ef6cc66,0 0 6px #a259ff66;transition:all .3s ease;display:block;background-color:#0ef6cc1a;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230ef6cc"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-size:60%;background-repeat:no-repeat;background-position:center}.profile-image:hover{transform:scale(1.1);box-shadow:0 0 20px #0ef6cc99,0 0 12px #a259ff99}.profile-fallback{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;border:2px solid var(--secondary-color);box-shadow:0 0 12px #0ef6cc66,0 0 6px #a259ff66;transition:all .3s ease}.profile-fallback span{color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 0 8px #0ef6cc}.profile-fallback:hover{transform:scale(1.1);box-shadow:0 0 20px #0ef6cc99,0 0 12px #a259ff99}.profile-name{color:#e0e6ff;font-weight:700;font-size:1.1rem;text-shadow:0 0 8px #a259ffcc;transition:all .3s ease}.profile-name:hover{color:var(--secondary-color);text-shadow:0 0 16px #0ef6cc99}[data-theme=light] .profile-name{color:var(--text-color);text-shadow:none}[data-theme=light] .profile-name:hover{color:var(--primary-color)}.navbar a{color:#e0e6ff;margin:0 1rem;text-decoration:none;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;animation:navLinkFadeIn 1.2s ease-out;text-shadow:0 0 8px #a259ffcc}[data-theme=light] .navbar a{color:var(--text-color);text-shadow:none}[data-theme=light] .navbar a:hover,[data-theme=light] .navbar a.active{color:var(--primary-color);text-shadow:0 0 8px rgba(99,102,241,.25)}@keyframes navLinkFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar a:hover{color:var(--secondary-color);transform:translateY(-2px) scale(1.05);text-shadow:0 0 16px #0ef6cc99}.navbar a.active{color:var(--secondary-color);text-shadow:0 0 16px #0ef6cc99}.navbar a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--secondary-color)}.hamburger{display:none;font-size:20px;cursor:pointer;color:#e0e6ff;transition:all .3s ease;text-shadow:0 0 8px #a259ffcc;z-index:1001;display:inline-flex;align-items:center;justify-content:center;line-height:0}[data-theme=light] .hamburger{color:var(--text-color);text-shadow:none}.hamburger:hover{color:#0ef6cc;text-shadow:0 0 16px #0ef6cc99;transform:scale(1.1)}.mobile-nav-links{display:none;flex-direction:column;position:fixed;top:70px;left:0;width:100%;background:#000000fa;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);border-bottom:1px solid #0ef6cc44;box-shadow:0 0 32px 8px #0ef6cc33;padding:1rem 0;z-index:1000}.nav-actions-mobile{display:none;align-items:center;gap:.5rem}@media (max-width: 768px){.navbar{position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important}.profile-section{gap:.5rem}.profile-image-container,.profile-image,.profile-fallback{width:35px;height:35px}.profile-name{font-size:1rem}.nav-links-container{display:none}.hamburger{display:block}.nav-actions-mobile{display:flex}.mobile-nav-links.open{display:flex!important}.mobile-nav-links a{color:#e0e6ff;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;text-shadow:0 0 8px #a259ffcc;border-bottom:1px solid rgba(14,246,204,.2)}.mobile-nav-links a:hover{background:#0ef6cc1a;color:#0ef6cc;text-shadow:0 0 16px #0ef6cc99}[data-theme=light] .mobile-nav-links a{color:var(--text-color);text-shadow:none;background:transparent}[data-theme=light] .mobile-nav-links a:hover{color:var(--primary-color);background:#6366f114}.mobile-nav-links a:last-child{border-bottom:none}}.header-content h1{font-size:3rem;margin-bottom:1rem;animation:titleBounce 2s ease-out;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 16px #a259ff99,0 0 8px #0ef6cc99}.header-content p{font-size:1.5rem;margin-bottom:2rem;animation:subtitleSlide 2.5s ease-out;color:#fff;text-shadow:0 0 8px #0ef6cc99}@keyframes titleBounce{0%{opacity:0;transform:translateY(-30px) scale(.8)}50%{transform:translateY(10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtitleSlide{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes navbarSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content button{padding:.8rem 1.5rem;border-radius:50px;background:var(--button-gradient);color:#fff;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #0ef6cc33,0 0 8px #a259ff99;border:none;margin:.5rem;text-shadow:0 0 8px #0ef6cc,0 0 2px #a259ff}.header-content button:hover{transform:translateY(-3px);background:var(--button-gradient-hover);box-shadow:0 8px 32px #0ef6cc99,0 0 16px #a259ffcc;color:#fff}.fade-in.delay-1{animation-delay:.5s}.fade-in.delay-2{animation-delay:1s}@media (max-width: 768px){.header{min-height:100vh;min-height:100dvh;padding:0 .5rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:1rem}.header-content button{padding:.6rem 1rem;font-size:.95rem}}@media (max-width: 480px){.navbar{position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important;padding:.8rem 1rem}.profile-section{gap:.4rem}.profile-image-container,.profile-image,.profile-fallback{width:30px;height:30px}.profile-fallback span{font-size:.7rem}.profile-name{font-size:.9rem}.header{min-height:100vh;min-height:100dvh;padding:0 .2rem}.header-content h1{font-size:1.1rem}.header-content p{font-size:.9rem}.header-content button{padding:.5rem .7rem;font-size:.85rem}}.navbar{gap:1rem}.nav-links-container{display:flex;align-items:center;gap:.5rem}.theme-toggle-btn{background:var(--button-gradient);color:#fff;border:2px solid var(--secondary-color);border-radius:25px;padding:.5rem .9rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 24px 6px #0ef6cc55,0 0 16px #a259ff99,0 0 0 4px #181b3a inset;text-shadow:0 0 12px #0ef6cc,0 0 4px #a259ff,0 0 2px #fff;transition:all .3s ease;margin-left:.25rem}.theme-toggle-btn:hover{background:var(--button-gradient-hover);transform:translateY(-2px) scale(1.03);box-shadow:0 0 48px 12px #0ef6ccbb,0 0 32px #a259ffcc,0 0 0 6px #181b3a inset}.theme-toggle-btn svg{width:1rem;height:1rem}@media (max-width: 768px){.navbar{padding:.9rem 1rem}.mobile-nav-links.open{display:flex!important}.mobile-nav-links a{padding:1.1rem 1rem;min-height:44px}.mobile-nav-links .theme-toggle-btn{margin:.75rem 1rem .25rem;width:calc(100% - 2rem);padding:.9rem;font-size:1.05rem}.nav-actions-mobile{gap:.4rem;align-items:center}.nav-actions-mobile .theme-toggle-btn{width:28px;height:28px;padding:0;border-radius:50%;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.nav-actions-mobile .hamburger{line-height:0;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.nav-actions-mobile .hamburger svg{width:20px;height:20px;display:block}.nav-actions-mobile .theme-toggle-btn svg{width:20px;height:20px;display:block}}.interests-marquee{width:100%;overflow:hidden;margin:1.5rem 0 2.5rem;position:relative;height:2.2rem;display:flex;align-items:center}.marquee-track{display:flex;gap:2.5rem;animation:marqueeScroll 18s linear infinite;will-change:transform}.marquee-item{color:#fff;font-size:1.2rem;font-family:Montserrat,Orbitron,Arial,sans-serif;text-shadow:0 0 8px #a259ff99,0 0 2px #0ef6cc99;white-space:nowrap;padding:0 1rem;letter-spacing:.04em;font-weight:500}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 600px){.marquee-item{font-size:1rem;padding:0 .5rem}.interests-marquee{height:1.6rem}}.profile-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:modalFadeIn .3s ease-out}[data-theme=light] .profile-modal-backdrop{background:#ffffffb3}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{position:relative;background:#000000f2;border:2px solid var(--secondary-color);border-radius:20px;padding:2rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 40px #0ef6cc66,0 0 20px #a259ff66;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}[data-theme=light] .profile-modal{background:#fffffffa;border:2px solid rgba(99,102,241,.25);box-shadow:0 8px 28px #6366f12e}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#0ef6cc33;border:2px solid var(--secondary-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--secondary-color);font-size:1.2rem;transition:all .3s ease;z-index:10001}[data-theme=light] .modal-close-btn{background:#6366f11f;border-color:#6366f159;color:var(--primary-color)}[data-theme=light] .modal-close-btn:hover{background:#6366f12e}.modal-close-btn:hover{background:#0ef6cc4d;transform:scale(1.1);box-shadow:0 0 20px #0ef6cc99}.modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.modal-profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center;border:4px solid var(--secondary-color);box-shadow:0 0 30px #0ef6cc66,0 0 15px #a259ff66;transition:all .3s ease}.modal-profile-image:hover{transform:scale(1.05);box-shadow:0 0 40px #0ef6cc99,0 0 20px #a259ff99}.modal-fallback{width:200px;height:200px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;border:4px solid var(--secondary-color);box-shadow:0 0 30px #0ef6cc66,0 0 15px #a259ff66;transition:all .3s ease}.modal-fallback span{color:#fff;font-weight:700;font-size:3rem;text-shadow:0 0 20px #0ef6cc}.modal-name{color:#e0e6ff;font-size:2rem;font-weight:700;margin:0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px #a259ff99}[data-theme=light] .modal-name{color:var(--text-color);-webkit-text-fill-color:initial;background:none;text-shadow:none}.modal-title{color:#fff;font-size:1.2rem;margin:0;text-shadow:0 0 10px #0ef6cc99}[data-theme=light] .modal-title{color:var(--text-color);text-shadow:none}@media (max-width: 768px){.profile-modal{padding:2rem 1.5rem 1.5rem;margin:1rem}.modal-profile-image,.modal-fallback{width:150px;height:150px}.modal-fallback span{font-size:2.5rem}.modal-name{font-size:1.5rem}.modal-title{font-size:1rem}.modal-close-btn{width:35px;height:35px;font-size:1rem;top:.5rem;right:.5rem}}@media (max-width: 480px){.profile-modal{padding:1.8rem 1rem 1rem;margin:.5rem}.modal-profile-image,.modal-fallback{width:120px;height:120px}.modal-fallback span{font-size:2rem}.modal-name{font-size:1.2rem}.modal-title{font-size:.9rem}.modal-close-btn{width:30px;height:30px;font-size:.9rem;top:.4rem;right:.4rem}}@media (max-width: 768px){.nav-links-container{display:none!important}.nav-actions-mobile{display:flex!important;margin-left:auto}.hamburger{display:block!important}}.projects{padding:6rem 10% 5rem;background:transparent;text-align:center;color:var(--text-color);position:relative;z-index:1;animation:sectionSlideIn 1.5s ease-out}.projects h2{font-size:2.8rem;margin-bottom:2rem;color:var(--primary-color);animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 24px #a259ffcc,0 0 12px #0ef6cc99;position:relative}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px #a259ff99)}to{filter:drop-shadow(0 0 20px #0ef6cc99)}}.projects h2:after{content:"";display:block;margin:1rem auto 0;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0ef6cc,#a259ff);box-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99}.projects-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{background:#000000eb;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 0 32px 8px #0ef6cc44,0 0 64px #a259ff33,0 0 32px #fff1;border:2px solid #0ef6cc;border-radius:22px;padding:0;width:100%;max-width:500px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:projectFloat 6s ease-in-out infinite}[data-theme=light] .project-card{background:#ffffffe6;border-color:#6366f159;box-shadow:0 8px 24px #6366f11f}[data-theme=light] .project-description{color:var(--text-color)}@keyframes projectFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 0 48px 12px #0ef6ccbb,0 0 80px #a259ffcc,0 0 40px #fff2;border-color:#a259ff}.project-content{padding:2rem}.project-title{color:#a259ff;font-size:1.4rem;margin-bottom:1rem;text-shadow:0 0 12px #a259ff99;font-weight:700}.project-description{color:#e0e6ff;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;white-space:pre-line;text-align:left}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#0ef6cc1f;color:#0ef6cc;border-radius:12px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;border:1px solid #0ef6cc44;box-shadow:0 0 8px #0ef6cc44;transition:all .3s ease}.tech-tag:hover{background:#0ef6cc33;box-shadow:0 0 12px #0ef6cc66;transform:translateY(-2px)}.project-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.project-link{padding:.8rem 1.5rem;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:2px solid transparent}.live-link{background:linear-gradient(90deg,#0ef6cc,#a259ff);color:#fff;box-shadow:0 4px 16px #0ef6cc55,0 0 8px #a259ff99}.github-link{background:linear-gradient(90deg,#a259ff,#0ef6cc);color:#fff;box-shadow:0 4px 16px #a259ff55,0 0 8px #0ef6cc99}.project-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px #0ef6cc99,0 0 16px #a259ffcc}.live-link:hover{background:linear-gradient(90deg,#a259ff,#0ef6cc)}.github-link:hover{background:linear-gradient(90deg,#0ef6cc,#a259ff)}@media (max-width: 768px){.projects{padding:5rem 2% 2rem}.projects h2{font-size:1.3rem}.projects-container{gap:1rem}.project-card{max-width:98vw;width:100%;box-sizing:border-box}.project-content{padding:1rem}}@media (max-width: 480px){.projects{padding:4rem .5% 1rem}.projects h2{font-size:1.1rem}.project-card{max-width:99vw;padding:.5rem}.project-content{padding:.5rem}}.skills{padding:6rem 10% 5rem;background:transparent;text-align:center;color:var(--text-color);position:relative;z-index:1;animation:sectionSlideIn 1.5s ease-out}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.skills h2{font-size:2.8rem;margin-bottom:2rem;color:var(--primary-color);animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 24px #a259ffcc,0 0 12px #0ef6cc99;position:relative}.skills h2:after{content:"";display:block;margin:1rem auto 0;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0ef6cc,#a259ff);box-shadow:0 0 16px #0ef6cc99,0 0 8px #a259ff99}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(99,102,241,.3))}to{filter:drop-shadow(0 0 20px rgba(236,72,153,.5))}}.skills-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.skill-card{background:#000000eb;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);box-shadow:0 8px 32px #0ef6cc33;border:1px solid #a259ff44;padding:2rem;border-radius:15px;width:180px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-color)}.skill-card:hover{transform:translateY(-8px) scale(1.05) rotate(2deg);box-shadow:0 12px 40px #a259ff55;background:#181b3af2}.skill-icon{font-size:3.5rem;color:var(--secondary-color);text-shadow:0 0 8px #0ef6cc99}.skill-card h3{font-size:1.2rem;color:var(--text-color);text-shadow:0 0 8px #a259ff99}.progress-bar-container{width:100%;height:10px;background-color:#181b3a;border-radius:5px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:5px;width:0;box-shadow:0 0 8px #a259ff99}.progress-level{position:absolute;right:5px;top:-20px;font-size:.8rem;color:var(--text-color);text-shadow:0 0 8px #0ef6cc99}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skills{padding:5rem 2% 2rem}.skills h2{font-size:1.3rem}.skills-container{gap:1rem}.skill-card{width:45vw;min-width:140px;padding:1rem;font-size:.95rem}}@media (max-width: 480px){.skills{padding:4rem .5% 1rem}.skills h2{font-size:1.1rem}.skill-card{width:40vw;min-width:120px;padding:.5rem;font-size:.85rem}}[data-theme=light] .skill-card{background:#ffffffd9;border:1px solid rgba(99,102,241,.2);box-shadow:0 8px 24px #6366f11a}[data-theme=light] .skill-card:hover{background:#f1f5f9f2}.slide-in-up{animation:slideInUp .8s forwards}.fade-in{animation:fadeIn 1s forwards}.skills-extra{margin-top:2rem;text-align:center}.skills-extra h3{color:var(--primary-color);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.skills-extra ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.skills-extra li{background:#181b3ab3;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);box-shadow:0 8px 32px #0ef6cc33;border:1px solid #a259ff44;color:var(--text-color);padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:500;list-style:none;transition:all .3s ease;text-shadow:0 0 8px #a259ff44}.skills-extra li:hover{transform:translateY(-3px);box-shadow:0 12px 40px #a259ff55}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:Orbitron,Montserrat,Arial,sans-serif;background:#000;color:var(--text-color);min-height:100vh;position:relative;z-index:0;overflow-x:hidden;letter-spacing:.02em;font-weight:400;animation:bodyFadeIn 1s ease-out}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;width:100vw;height:100vh;background:#000;background-size:cover;animation:none;opacity:1;transition:opacity .5s}@keyframes nebulaMove{0%{filter:brightness(1) hue-rotate(0deg);background-position:0% 50%,100% 50%,0% 0%}50%{filter:brightness(1.1) hue-rotate(10deg);background-position:50% 60%,60% 80%,100% 100%}to{filter:brightness(1) hue-rotate(-10deg);background-position:0% 50%,100% 50%,0% 0%}}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="1.5" fill="white" opacity="0.7"/><circle cx="80" cy="40" r="1" fill="white" opacity="0.5"/><circle cx="50" cy="90" r="1.2" fill="white" opacity="0.6"/><circle cx="90" cy="70" r="0.8" fill="white" opacity="0.4"/><circle cx="30" cy="60" r="1.1" fill="white" opacity="0.5"/></svg>');background-repeat:repeat;background-size:200px 200px;opacity:.22;animation:starsTwinkle 8s linear infinite alternate}@keyframes starsTwinkle{0%{opacity:.18}50%{opacity:.28}to{opacity:.18}}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}button:hover{transform:translateY(-3px)}:root{--primary-color: #a259ff;--secondary-color: #0ef6cc;--bg-color: #000;--navy: #181b3a;--text-color: #e0e6ff;--surface-color: #181b3a;--surface-glow: 0 0 32px 0 #a259ff44;--glow: 0 0 16px 4px #a259ffcc;--neon: #0ef6cc;--button-gradient: linear-gradient( 120deg, #181b3a 0%, #a259ff 40%, #0ef6cc 80%, #181b3a 100% );--button-gradient-hover: linear-gradient( 120deg, #0ef6cc 0%, #a259ff 60%, #181b3a 100% )}[data-theme=light]{--primary-color: #6366f1;--secondary-color: #06b6d4;--bg-color: #ffffff;--navy: #f8fafc;--text-color: #1e293b;--surface-color: #f1f5f9;--surface-glow: 0 0 32px 0 #6366f144;--glow: 0 0 16px 4px #6366f1cc;--neon: #06b6d4;--button-gradient: linear-gradient( 120deg, #f1f5f9 0%, #6366f1 40%, #06b6d4 80%, #f1f5f9 100% );--button-gradient-hover: linear-gradient( 120deg, #06b6d4 0%, #6366f1 60%, #f1f5f9 100% )}body,html{color:var(--text-color);background:var(--bg-color);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:#e0e6ff;text-shadow:0 0 16px #a259ffcc,0 0 8px #0ef6cc99}strong,b{color:var(--neon);text-shadow:0 0 12px var(--neon)}a,.navbar a{color:#e0e6ff;text-shadow:0 0 8px #a259ffcc;transition:color .2s,text-shadow .2s}a:hover,.navbar a:hover{color:var(--secondary-color);text-shadow:0 0 16px #0ef6cc,0 0 8px #a259ff}[data-theme=light] a,[data-theme=light] .navbar a{color:var(--text-color);text-shadow:none}[data-theme=light] a:hover,[data-theme=light] .navbar a:hover{color:var(--primary-color);text-shadow:0 0 8px rgba(99,102,241,.25)}button,.project-links a,.header-content button,.contact-form button,.back-to-top{background:var(--button-gradient);color:#fff!important;border:2px solid #0ef6cc;border-radius:25px;font-weight:700;font-size:1.08rem;box-shadow:0 0 24px 6px #0ef6cc55,0 0 16px #a259ff99,0 0 0 4px #181b3a inset;text-shadow:0 0 12px #0ef6cc,0 0 4px #a259ff,0 0 2px #fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:buttonGlow 3s ease-in-out infinite alternate,cosmicGradientShift 8s linear infinite}@keyframes cosmicGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}button:hover,.project-links a:hover,.theme-toggle-btn:hover,.header-content button:hover,.contact-form button:hover,.back-to-top:hover{background:var(--button-gradient-hover);color:#fff!important;box-shadow:0 0 48px 12px #0ef6ccbb,0 0 32px #a259ffcc,0 0 0 6px #181b3a inset;border-color:#a259ff;transform:translateY(-3px) scale(1.08) rotate(-1deg);filter:brightness(1.1) saturate(1.2)}input,textarea{background:#181b3ab3;color:#e0e6ff;border:1px solid var(--primary-color);border-radius:10px;box-shadow:0 0 8px #a259ff33}input::placeholder,textarea::placeholder{color:#b3b3cc;opacity:.7}.project-card,.blog-card,.testimonial-card,.about-content,.project-modal,.contact-form{background:#ffffffb3;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);box-shadow:0 8px 32px #6366f11a;border:1px solid rgba(236,72,153,.12);animation:cardFloat 6s ease-in-out infinite;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(.5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-.5deg)}}body[data-theme=dark] .project-card,body[data-theme=dark] .blog-card,body[data-theme=dark] .testimonial-card,body[data-theme=dark] .about-content,body[data-theme=dark] .project-modal,body[data-theme=dark] .contact-form{background:#23233bb3;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 8px 32px #ec48991a;border:1px solid rgba(165,180,252,.12)}body[data-theme=dark] .fact-item{background:#23233bb3;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 8px 32px #ec48991a;border:1px solid rgba(165,180,252,.12);color:var(--primary-color)}body[data-theme=dark] .timeline{background:#23233b1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #ec489914}body[data-theme=dark] .timeline-item{background:#23233b1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body[data-theme=dark] .timeline-item:hover{background:#23233b33}body[data-theme=dark] .skill-card,body[data-theme=dark] .skills-extra li{background:#23233bb3;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 8px 32px #ec48991a;border:1px solid rgba(165,180,252,.12)}button,.project-links a,.theme-toggle-btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff!important;border:none;border-radius:25px;font-weight:600;box-shadow:0 2px 8px #a259ff44;text-shadow:0 0 6px var(--primary-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:buttonGlow 3s ease-in-out infinite alternate}button:before,.project-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}button:hover:before,.project-links a:hover:before{left:100%}button:hover,.project-links a:hover{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));color:#fff!important;box-shadow:0 8px 32px #0ef6cc55,0 0 16px #a259ff99;transform:translateY(-3px) scale(1.05)}@keyframes buttonGlow{0%{box-shadow:0 2px 8px #6366f11a}to{box-shadow:0 4px 16px #6366f133}}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Montserrat,Arial,sans-serif;color:var(--primary-color);text-shadow:0 0 8px var(--primary-color),0 0 2px var(--secondary-color);letter-spacing:.04em;font-weight:700}strong,b{color:var(--secondary-color);text-shadow:0 0 6px var(--secondary-color)}.card,.about-content,.project-card,.contact-form,.skills-extra li,.timeline,.timeline-item{background:#000000eb;box-shadow:0 8px 32px #0ef6cc33,0 0 32px #a259ff44;border:1px solid #0ef6cc44;border-radius:20px;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);color:var(--text-color);transition:box-shadow .4s,background .4s}.card:hover,.about-content:hover,.project-card:hover,.contact-form:hover,.skills-extra li:hover,.timeline-item:hover{box-shadow:0 12px 40px #a259ff55,0 0 32px #0ef6cc55;background:#000000fa}[data-theme=light] .card:hover,[data-theme=light] .about-content:hover,[data-theme=light] .project-card:hover,[data-theme=light] .contact-form:hover,[data-theme=light] .skills-extra li:hover,[data-theme=light] .timeline-item:hover{background:#fffffffa;box-shadow:0 12px 32px #6366f126,0 0 24px #06b6d41f}@media (max-width: 768px){body,html{font-size:15px}.card,.about-content,.project-card,.contact-form,.skills-extra li,.timeline,.timeline-item{max-width:98vw;padding:1rem}.project-card,.blog-card,.testimonial-card,.about-content,.project-modal,.contact-form{animation:cardFloatMobile 8s ease-in-out infinite}@keyframes cardFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}button,.project-links a{animation:buttonGlowMobile 4s ease-in-out infinite alternate}@keyframes buttonGlowMobile{0%{box-shadow:0 2px 8px #6366f11a}to{box-shadow:0 3px 12px #6366f126}}}@media (max-width: 480px){body,html{font-size:13px}.card,.about-content,.project-card,.contact-form,.skills-extra li,.timeline,.timeline-item{max-width:99vw;padding:.5rem}body:before{animation:gradientMoveMobile 20s ease-in-out infinite}@keyframes gradientMoveMobile{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--secondary-color);font-size:1.2rem;text-shadow:0 0 8px var(--secondary-color)}*{will-change:auto}.skill-card,.project-card,.about-content,.contact-form{will-change:transform}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;z-index:1000;border-radius:4px}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skill-card,.project-card,.about-content,.contact-form{will-change:auto}}