.logo-container{position:relative;display:inline-flex;align-items:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-brackets{color:var(--primary);font-size:1.2em;filter:drop-shadow(0 0 10px var(--primary))}.logo-letters{display:inline-flex;gap:2px;font-size:1.5em;position:relative;color:var(--primary);background:linear-gradient(135deg,#00f5ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 5px rgba(0,245,255,.5))}.logo-m1,.logo-m2{display:inline-block}.logo-slash{color:var(--primary);margin:0 5px;font-size:1.2em;filter:drop-shadow(0 0 10px var(--primary))}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.3;border-radius:50%;z-index:-1;pointer-events:none}body.light-mode .logo-brackets{color:#06c;filter:drop-shadow(0 0 8px rgba(0,102,204,.4))}body.light-mode .logo-letters{background:linear-gradient(135deg,#06c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 5px rgba(0,102,204,.3))}body.light-mode .logo-slash{color:#06c;filter:drop-shadow(0 0 8px rgba(0,102,204,.4))}body.light-mode .logo-glow{background:radial-gradient(circle,rgba(0,102,204,.2) 0%,transparent 70%)}@media (max-width: 768px){.logo-container{font-size:1.5rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#0a0e27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,245,255,.1);transition:all .3s ease}.navbar.scrolled{padding:15px 0;background:#0a0e27f2;box-shadow:0 4px 20px #00f5ff1a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{cursor:pointer}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center}.nav-link{color:var(--text);text-decoration:none;font-weight:500;font-size:1rem;position:relative;transition:color .3s ease;text-transform:uppercase;letter-spacing:1px}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-3);transition:width .3s ease}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:20px}.theme-toggle{background:transparent;border:2px solid var(--primary);color:var(--primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.theme-toggle:hover{background:var(--primary);color:var(--dark);box-shadow:0 0 20px #00f5ff80}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}body.light-mode .navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,102,204,.1);box-shadow:0 2px 20px #0000000d}body.light-mode .navbar.scrolled{background:#fffffff2;box-shadow:0 4px 30px #00000014}body.light-mode .nav-link{color:#1a1f3a}body.light-mode .nav-link:hover{color:#06c}body.light-mode .theme-toggle{border:2px solid #0066cc;color:#06c}body.light-mode .theme-toggle:hover{background:#06c;color:#fff;box-shadow:0 0 20px #0066cc4d}body.light-mode .mobile-menu-toggle{color:#1a1f3a}@media (max-width: 768px){.mobile-menu-toggle{display:block}.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background:#0a0e27fa;width:100%;padding:40px 20px;gap:20px;transition:left .3s ease;border-top:1px solid rgba(0,245,255,.1)}body.light-mode .nav-menu{background:#fffffffa;border-top:1px solid rgba(0,102,204,.1);box-shadow:0 4px 20px #0000001a}.nav-menu.active{left:0}.nav-link{font-size:1.2rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:120px;margin-top:0}.hero-container{max-width:1200px;width:100%;padding:0 20px;position:relative;z-index:2}.hero-content{text-align:center;position:relative}.hero-avatar{position:relative;display:inline-block;margin-bottom:30px}.hero-avatar img{width:200px;height:200px;border-radius:50%;border:4px solid var(--primary);object-fit:cover;position:relative;z-index:2;box-shadow:0 0 40px #00f5ff80}.avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--gradient-3);opacity:.3;filter:blur(20px);animation:pulse 3s ease-in-out infinite}.status-badge{position:absolute;bottom:10px;right:10px;background:#00f5ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid var(--primary);display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--primary)}.pulse-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-name{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;margin-bottom:20px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:2rem;margin-bottom:20px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.title-prefix{color:var(--text-secondary)}.title-text{color:var(--primary);font-weight:700;font-family:Orbitron,sans-serif}.cursor-blink{color:var(--primary);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto 40px;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.btn{padding:15px 40px;border-radius:50px;font-weight:600;text-decoration:none;font-size:1rem;transition:all .3s ease;border:2px solid transparent;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--gradient-3);color:var(--dark);box-shadow:0 4px 20px #00f5ff66}.btn-primary:hover{box-shadow:0 6px 30px #00f5ff99;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--dark);box-shadow:0 4px 20px #00f5ff66}.hero-socials{display:flex;gap:20px;justify-content:center}.hero-socials a{width:50px;height:50px;border-radius:50%;background:#00f5ff1a;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;text-decoration:none;transition:all .3s ease}.hero-socials a:hover{background:var(--primary);color:var(--dark);box-shadow:0 0 20px #00f5ff80}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--gradient-3);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--gradient-2);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:250px;height:250px;background:var(--gradient-4);top:50%;right:10%;animation-delay:10s}body.light-mode .hero{background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#faf5ff)}body.light-mode .hero-name{background:linear-gradient(135deg,#06c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .title-text{color:#06c}body.light-mode .hero-description{color:#4b5563}body.light-mode .btn-primary{background:linear-gradient(135deg,#06c,#09f);color:#fff;box-shadow:0 4px 20px #0066cc4d}body.light-mode .btn-secondary{border:2px solid #0066cc;color:#06c;background:#fffc}body.light-mode .btn-secondary:hover{background:#06c;color:#fff}body.light-mode .hero-socials a{background:#ffffffe6;border:2px solid #0066cc;color:#06c;box-shadow:0 2px 10px #0066cc1a}body.light-mode .hero-socials a:hover{background:#06c;color:#fff;box-shadow:0 4px 20px #0066cc4d}body.light-mode .gradient-orb{opacity:.2}@media (max-width: 768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.5rem;min-height:50px}.hero-description{font-size:1rem}.hero-avatar img{width:150px;height:150px}.avatar-glow{width:170px;height:170px}.btn{padding:12px 30px;font-size:.9rem}}.about-section{background:linear-gradient(180deg,var(--dark) 0%,var(--dark-secondary) 100%);position:relative}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.about-text p{margin-bottom:20px}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.stat-card{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:15px;padding:30px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 10px 30px #00f5ff33}.stat-number{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:1px}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:40px}.about-stats{grid-template-columns:repeat(2,1fr)}}body.light-mode .about-section{background:linear-gradient(180deg,#fff,#f8fafc)}body.light-mode .about-text{color:#4b5563}body.light-mode .stat-card{background:#fffc;border:1px solid rgba(0,102,204,.15);box-shadow:0 2px 15px #0000000d}body.light-mode .stat-card:hover{border-color:#06c;box-shadow:0 8px 25px #0066cc26;transform:translateY(-5px)}body.light-mode .stat-number{background:linear-gradient(135deg,#06c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .stat-label{color:#6b7280}@media (max-width: 768px){.stat-card{padding:20px}.stat-number{font-size:2rem}}.skills-section{background:linear-gradient(180deg,var(--dark-secondary) 0%,var(--dark) 100%)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.skill-category{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.skill-category:hover{border-color:var(--primary);box-shadow:0 10px 40px #00f5ff33;transform:translateY(-5px)}.category-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--primary);margin-bottom:25px;text-align:center;padding-bottom:15px;border-bottom:2px solid rgba(0,245,255,.2)}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#00f5ff0d;border-radius:10px;border:1px solid rgba(0,245,255,.1);transition:all .3s ease;cursor:pointer}.skill-item:hover{background:#00f5ff1a;border-color:var(--primary);box-shadow:0 5px 15px #00f5ff4d}.skill-item img{width:50px;height:50px;object-fit:contain;filter:none;transition:all .3s ease;opacity:.9}.icon-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.icon-wrapper svg{width:100%;height:100%;color:var(--primary);opacity:.95;transition:transform .3s ease,filter .3s ease}.skill-item:hover img{filter:drop-shadow(0 0 10px var(--primary));transform:scale(1.1);opacity:1}.skill-item:hover .icon-wrapper svg{filter:drop-shadow(0 0 10px var(--primary));transform:scale(1.05)}.skill-item span{font-size:.9rem;color:var(--text-secondary);text-align:center;font-weight:500}.skill-item:hover span{color:var(--primary)}body.light-mode .skills-section{background:linear-gradient(180deg,#f8fafc,#fff)}body.light-mode .skill-category{background:#ffffffe6;border:1px solid rgba(0,102,204,.15);box-shadow:0 2px 15px #0000000d}body.light-mode .skill-category:hover{border-color:#06c;box-shadow:0 8px 30px #0066cc26}body.light-mode .category-title{color:#06c;border-bottom-color:#06c3}body.light-mode .skill-item{background:#fffc;border:1px solid rgba(0,102,204,.1)}body.light-mode .skill-item:hover{background:#0066cc0d;border-color:#06c;box-shadow:0 4px 12px #06c3}body.light-mode .skill-item span{color:#4b5563}body.light-mode .skill-item:hover span{color:#06c}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.skills-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px}.skill-item img{width:40px;height:40px}}.projects-section{background:var(--dark-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:20px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%}.project-card:hover{border-color:var(--primary);box-shadow:0 15px 40px #00f5ff4d}.project-card.featured{border:2px solid var(--primary);box-shadow:0 0 30px #00f5ff33}.project-image{position:relative;width:100%;height:250px;overflow:hidden;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{width:60px;height:60px;border-radius:50%;background:var(--gradient-3);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;box-shadow:0 0 20px #00f5ff80}.project-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.project-content h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--primary);margin-bottom:15px}.project-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:20px;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);color:var(--primary);padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:500}@media (max-width: 968px){.project-card.featured{grid-column:span 1}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}body.light-mode .projects-section{background:linear-gradient(180deg,#fff,#f8fafc)}body.light-mode .project-card{background:#ffffffe6;border:1px solid rgba(0,102,204,.15);box-shadow:0 2px 15px #0000000d}body.light-mode .project-card:hover{border-color:#06c;box-shadow:0 10px 35px #06c3}body.light-mode .project-card.featured{border:2px solid #0066cc;box-shadow:0 0 30px #0066cc26}body.light-mode .project-content h3{color:#06c}body.light-mode .project-content p{color:#4b5563}body.light-mode .tech-tag{background:#0066cc1a;border:1px solid rgba(0,102,204,.2);color:#06c}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-image{height:200px}.project-content{padding:20px}}.experience-section{background:var(--dark-secondary);position:relative}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--gradient-3)}.timeline-item{position:relative;padding-left:80px;margin-bottom:50px}.timeline-icon{position:absolute;left:0;width:60px;height:60px;border-radius:50%;background:var(--gradient-3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--dark);box-shadow:0 0 20px #00f5ff80;z-index:2}.timeline-item.education .timeline-icon{background:var(--gradient-2)}.timeline-content{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:15px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.timeline-content:hover{transform:translate(10px);border-color:var(--primary);box-shadow:0 10px 30px #00f5ff33}.timeline-content h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--primary);margin-bottom:10px}.timeline-content h4{font-size:1.2rem;color:var(--text);margin-bottom:10px}.timeline-period{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.timeline-content ul{list-style:none;padding:0}.timeline-content li{color:var(--text-secondary);margin-bottom:10px;padding-left:20px;position:relative;line-height:1.6}.timeline-content li:before{content:"▹";position:absolute;left:0;color:var(--primary)}body.light-mode .experience-section{background:linear-gradient(180deg,#f8fafc,#fff)}body.light-mode .timeline:before{background:linear-gradient(180deg,#06c,#7c3aed)}body.light-mode .timeline-icon{background:linear-gradient(135deg,#06c,#09f);box-shadow:0 0 20px #0066cc4d}body.light-mode .timeline-item.education .timeline-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}body.light-mode .timeline-content{background:#ffffffe6;border:1px solid rgba(0,102,204,.15);box-shadow:0 2px 15px #0000000d}body.light-mode .timeline-content:hover{border-color:#06c;box-shadow:0 8px 25px #0066cc26}body.light-mode .timeline-content h3{color:#06c}body.light-mode .timeline-content h4{color:#1a1f3a}body.light-mode .timeline-content li{color:#4b5563}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-icon{width:40px;height:40px;font-size:1rem}.timeline-content{padding:20px}.timeline-content h3{font-size:1.2rem}.timeline-content h4{font-size:1rem}}.contact-section{background:linear-gradient(180deg,var(--dark) 0%,var(--dark-secondary) 100%)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h3{font-family:Orbitron,sans-serif;font-size:2rem;color:var(--primary);margin-bottom:20px}.contact-info p{color:var(--text-secondary);line-height:1.8;margin-bottom:40px;font-size:1.1rem}.contact-details{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;gap:20px;align-items:start}.contact-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient-3);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.contact-item h4{color:var(--text);margin-bottom:5px;font-size:1.1rem}.contact-item a,.contact-item span{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--primary)}.contact-form{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{position:relative;margin-bottom:30px}.form-group input,.form-group textarea{width:100%;padding:15px;background:#00f5ff0d;border:2px solid rgba(0,245,255,.2);border-radius:10px;color:var(--text);font-size:1rem;font-family:Rajdhani,sans-serif;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 20px #00f5ff33}.form-group label{position:absolute;left:15px;top:15px;color:var(--text-secondary);pointer-events:none;transition:all .3s ease;font-size:1rem}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:.85rem;color:var(--primary);background:var(--dark-secondary);padding:0 5px}.submit-btn{width:100%;padding:15px;background:var(--gradient-3);border:none;border-radius:50px;color:var(--dark);font-size:1.1rem;font-weight:600;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00f5ff66}.submit-btn:hover:not(:disabled){box-shadow:0 6px 30px #00f5ff99}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:20px;padding:15px;border-radius:10px;text-align:center;font-weight:500}.form-message.success{background:#43e97b33;border:1px solid rgba(67,233,123,.5);color:#43e97b}.form-message.error{background:#ff006e33;border:1px solid rgba(255,0,110,.5);color:#ff006e}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}}body.light-mode .contact-section{background:linear-gradient(180deg,#fff,#f8fafc)}body.light-mode .contact-info h3{color:#06c}body.light-mode .contact-info p{color:#4b5563}body.light-mode .contact-item h4{color:#1a1f3a}body.light-mode .contact-item a,body.light-mode .contact-item span{color:#6b7280}body.light-mode .contact-item a:hover{color:#06c}body.light-mode .contact-icon{background:linear-gradient(135deg,#06c,#09f);color:#fff}body.light-mode .contact-form{background:#ffffffe6;border:1px solid rgba(0,102,204,.15);box-shadow:0 2px 15px #0000000d}body.light-mode .form-group input,body.light-mode .form-group textarea{background:#ffffffe6;border:2px solid rgba(0,102,204,.15);color:#1a1f3a}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus{border-color:#06c;box-shadow:0 0 15px #06c3}body.light-mode .form-group label{color:#6b7280}body.light-mode .form-group input:focus+label,body.light-mode .form-group textarea:focus+label,body.light-mode .form-group input:not(:placeholder-shown)+label,body.light-mode .form-group textarea:not(:placeholder-shown)+label{color:#06c;background:#fff}body.light-mode .submit-btn{background:linear-gradient(135deg,#06c,#09f);color:#fff;box-shadow:0 4px 20px #0066cc4d}body.light-mode .submit-btn:hover:not(:disabled){box-shadow:0 6px 30px #06c6}@media (max-width: 768px){.contact-form{padding:30px 20px}.contact-info h3{font-size:1.5rem}}.footer{background:var(--dark);border-top:1px solid rgba(0,245,255,.1);padding:60px 20px 30px;position:relative}.footer-container{max-width:1200px;margin:0 auto}.footer-content{text-align:center}.footer-logo{margin-bottom:20px;display:flex;justify-content:center}.footer-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.footer-socials{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.footer-socials a{width:50px;height:50px;border-radius:50%;background:#00f5ff1a;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;text-decoration:none;transition:all .3s ease}.footer-socials a:hover{background:var(--primary);color:var(--dark);box-shadow:0 0 20px #00f5ff80}.footer-bottom{padding-top:30px;border-top:1px solid rgba(0,245,255,.1);color:var(--text-secondary)}.footer-bottom p{margin:10px 0}.footer-made{font-size:.9rem}.heart{color:var(--accent);animation:pulse 2s ease-in-out infinite}body.light-mode .footer{background:#fff;border-top:1px solid rgba(0,102,204,.1)}body.light-mode .footer-text{color:#6b7280}body.light-mode .footer-bottom{color:#6b7280;border-top-color:#0066cc1a}body.light-mode .footer-socials a{background:#ffffffe6;border:2px solid #0066cc;color:#06c;box-shadow:0 2px 10px #0066cc1a}body.light-mode .footer-socials a:hover{background:#06c;color:#fff;box-shadow:0 4px 20px #0066cc4d}.interactive-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.3}.code-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.1}.ai-assistant-toggle{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#00f5ff,#7b2cff);border:none;color:#0a0e27;font-size:2rem;cursor:pointer;z-index:999;box-shadow:0 10px 30px #00f5ff99;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ai-assistant-toggle:hover{transform:scale(1.08);box-shadow:0 15px 40px #7b2cffcc}.ai-assistant-toggle:active{transform:scale(.95)}.ai-assistant{position:fixed;bottom:120px;right:30px;width:400px;max-height:620px;background:#0a0e27fa;border-radius:22px;box-shadow:0 20px 60px #00f5ff59;display:flex;flex-direction:column;overflow:hidden;z-index:998;border:1px solid rgba(0,245,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-header{background:linear-gradient(135deg,#00f5ff,#7b2cff);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.ai-title{display:flex;gap:10px;align-items:center;font-weight:600;color:#0a0e27;font-size:1.1rem}.ai-title svg{color:#0a0e27;font-size:1.3rem}.ai-header-actions{display:flex;gap:8px}.ai-icon-btn,.ai-close{background:#0a0e274d;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0a0e27;font-size:1.1rem;transition:all .2s ease}.ai-icon-btn:hover:not(:disabled),.ai-close:hover{background:#0a0e2799;transform:translateY(-2px)}.ai-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ai-close{font-size:1.3rem}.ai-main-buttons{display:flex;gap:12px;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(0,245,255,.2)}.main-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0;border-radius:40px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .3s ease;position:relative;overflow:hidden}.main-action-btn:first-child{background:linear-gradient(135deg,#00f5ff,#7b2cff);color:#0a0e27;box-shadow:0 5px 15px #7b2cff4d}.main-action-btn:last-child{background:transparent;border:2px solid #00f5ff;color:#00f5ff;box-shadow:0 5px 15px #00f5ff33}.main-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #7b2cff80}.main-action-btn:active{transform:translateY(-1px)}.main-action-btn svg{font-size:1.1rem}.ai-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ai-message{display:flex;gap:10px}.ai-message.user{justify-content:flex-end}.bot-icon{color:#00f5ff;font-size:1.2rem;flex-shrink:0;margin-top:4px}.message-content{max-width:80%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.6;transition:transform .2s ease,box-shadow .2s ease}.ai-message.bot .message-content{background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);border-top-left-radius:4px}.ai-message.user .message-content{background:linear-gradient(135deg,#00f5ff,#7b2cff);color:#0a0e27;border-top-right-radius:4px}.message-content:hover{transform:translateY(-1px)}.message-content p{margin:8px 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content strong{font-weight:600;color:inherit}.typing-indicator{display:flex;gap:6px;padding:10px 14px;background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);border-radius:4px 16px 16px}.typing-indicator span{width:8px;height:8px;background:#00f5ff;border-radius:50%;animation:typing 1.4s infinite;box-shadow:0 0 10px #00f5ff}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-input-container{display:flex;gap:10px;padding:16px;border-top:1px solid rgba(0,245,255,.2);background:#0003}.ai-input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid rgba(0,245,255,.3);background:#00f5ff14;color:#fff;outline:none;font-size:.95rem}.ai-input::placeholder{color:#ffffff80}.ai-input:focus{border-color:#7b2cff;box-shadow:0 0 0 3px #7b2cff40;background:#00f5ff26}.ai-send{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#00f5ff,#7b2cff);color:#0a0e27;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 15px #7b2cff4d}.ai-send:hover:not(:disabled){transform:scale(1.1);box-shadow:0 8px 25px #7b2cff80}.ai-send:active:not(:disabled){transform:scale(.95)}.ai-send:disabled{opacity:.5;cursor:not-allowed}.ai-error{background:#f003;border-left:4px solid #ff5252;color:#f99;padding:12px 16px;margin:12px 16px;border-radius:8px;font-size:.9rem}.message-link{color:#00f5ff;text-decoration:underline;cursor:pointer;display:inline-flex;align-items:center;gap:4px;word-break:break-all;transition:all .2s ease}.message-link:hover{color:#7b2cff}.message-link svg{font-size:.8rem}.ai-messages::-webkit-scrollbar{width:5px}.ai-messages::-webkit-scrollbar-track{background:#00f5ff0d;border-radius:3px}.ai-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00f5ff,#7b2cff);border-radius:3px}@media (max-width: 480px){.ai-assistant{width:94%;right:3%;left:3%;bottom:100px;max-height:70vh}.ai-assistant-toggle{width:60px;height:60px;bottom:20px;right:20px;font-size:1.8rem}.ai-main-buttons{padding:12px 16px}.main-action-btn{padding:10px 0;font-size:.9rem}}.game-toggle{position:fixed;bottom:30px;left:30px;width:70px;height:70px;border-radius:50%;background:var(--gradient-2);border:none;color:var(--dark);font-size:2rem;cursor:pointer;z-index:999;box-shadow:0 4px 20px #f5576c80;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.game-toggle:hover{box-shadow:0 6px 30px #f5576cb3}.interactive-game{position:fixed;bottom:120px;left:30px;width:400px;height:500px;background:#0a0e27fa;border:2px solid var(--accent);border-radius:20px;box-shadow:0 10px 50px #ff006e4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:998;display:flex;flex-direction:column;overflow:hidden}.game-header{background:var(--gradient-2);padding:20px;display:flex;justify-content:space-between;align-items:center}.game-title{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-weight:700;color:var(--dark);font-size:1.2rem}.game-close{background:transparent;border:none;color:var(--dark);font-size:1.2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.game-close:hover{background:#0000001a}.game-stats{display:flex;justify-content:space-around;padding:20px;border-bottom:1px solid rgba(255,0,110,.2)}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent);font-weight:700}.game-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(255,0,110,.1) 0%,transparent 70%)}.game-start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.trophy-icon{font-size:4rem;color:var(--accent);margin-bottom:20px;filter:drop-shadow(0 0 20px var(--accent))}.game-start h3{font-family:Orbitron,sans-serif;color:var(--primary);margin-bottom:10px}.game-start p{color:var(--text-secondary);margin-bottom:30px}.start-btn{padding:15px 40px;background:var(--gradient-2);border:none;border-radius:50px;color:var(--dark);font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #ff006e66}.final-score{margin-top:20px;font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent);font-weight:700}.game-target{position:absolute;width:50px;height:50px;background:var(--gradient-2);border-radius:50%;cursor:pointer;box-shadow:0 0 20px #ff006e99;border:3px solid var(--accent);animation:pulse-target 1s ease-in-out infinite}@keyframes pulse-target{0%,to{transform:scale(1);box-shadow:0 0 20px #ff006e99}50%{transform:scale(1.1);box-shadow:0 0 30px #ff006ee6}}@media (max-width: 768px){.interactive-game{width:calc(100vw - 40px);left:20px;bottom:100px;height:400px}.game-toggle{width:60px;height:60px;font-size:1.5rem;bottom:20px;left:20px}}.typing-toggle{position:fixed;bottom:120px;left:30px;width:70px;height:70px;border-radius:50%;background:var(--gradient-4);border:none;color:var(--dark);font-size:2rem;cursor:pointer;z-index:999;box-shadow:0 4px 20px #43e97b80;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.typing-toggle:hover{box-shadow:0 6px 30px #43e97bb3}.typing-challenge{position:fixed;bottom:210px;left:30px;width:500px;max-height:400px;background:#0a0e27fa;border:2px solid var(--primary);border-radius:20px;box-shadow:0 10px 50px #00f5ff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:998;display:flex;flex-direction:column;overflow:hidden}.typing-header{background:var(--gradient-4);padding:20px;display:flex;justify-content:space-between;align-items:center}.typing-title{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-weight:700;color:var(--dark);font-size:1.2rem}.typing-close{background:transparent;border:none;color:var(--dark);font-size:1.2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.typing-close:hover{background:#0000001a}.typing-stats{display:flex;justify-content:space-around;padding:15px 20px;border-bottom:1px solid rgba(0,245,255,.2)}.typing-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.typing-stat-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.typing-stat-value{font-family:Orbitron,sans-serif;font-size:1.3rem;color:var(--primary);font-weight:700}.typing-content{flex:1;padding:20px;overflow-y:auto}.typing-start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.keyboard-icon{font-size:3rem;color:var(--primary);margin-bottom:20px;filter:drop-shadow(0 0 20px var(--primary))}.typing-start h3{font-family:Orbitron,sans-serif;color:var(--primary);margin-bottom:10px}.typing-start p{color:var(--text-secondary);margin-bottom:30px}.typing-start-btn{padding:15px 40px;background:var(--gradient-4);border:none;border-radius:50px;color:var(--dark);font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #43e97b66}.typing-controls{display:flex;flex-direction:column;gap:12px;width:100%}.duration-buttons{display:flex;gap:8px;justify-content:center}.duration-btn{padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text-secondary);cursor:pointer}.duration-btn.active{background:var(--primary);color:var(--dark);border-color:var(--primary)}.paragraph-actions{display:flex;gap:10px;justify-content:center;align-items:center}.paragraph-btn{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#0000001f;color:var(--text-secondary);cursor:pointer}.typing-preview{margin-top:10px}.typing-text.preview{max-height:80px;overflow:hidden}.typing-game{display:flex;flex-direction:column;gap:20px}.timer-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.time-left{font-family:Orbitron,sans-serif;color:var(--primary);font-weight:700}.progress{flex:1;height:8px;background:#ffffff08;border-radius:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00e6ff,#43e97b);transition:width .3s linear}.typing-text{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);border-radius:10px;padding:20px;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.8;min-height:100px;color:var(--text-secondary)}.char{transition:all .2s ease}.char.correct{color:#43e97b;background:#43e97b33}.char.incorrect{color:#ff006e;background:#ff006e33;text-decoration:underline}.char.current{background:#00f5ff4d;color:var(--primary);animation:blink-cursor 1s infinite}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:.3}}.typing-input{width:100%;padding:15px;background:#00f5ff0d;border:2px solid rgba(0,245,255,.2);border-radius:10px;color:var(--text);font-family:Courier New,monospace;font-size:1rem;outline:none}.typing-input:focus{border-color:var(--primary);box-shadow:0 0 10px #00f5ff4d}.typing-complete{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:#43e97b33;border:1px solid rgba(67,233,123,.5);border-radius:10px;color:#43e97b;font-family:Orbitron,sans-serif;font-weight:700}.typing-results{display:flex;flex-direction:column;gap:12px;align-items:center}.result-actions{display:flex;gap:10px;justify-content:center;width:100%}.result-actions .paragraph-btn,.result-actions .typing-start-btn{padding:10px 14px}@media (max-width: 768px){.typing-challenge{width:calc(100vw - 40px);left:20px;bottom:180px;max-height:350px}.typing-toggle{width:60px;height:60px;font-size:1.5rem;bottom:100px;left:20px}}.easter-egg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none}.easter-egg-content{background:var(--gradient-3);padding:40px;border-radius:20px;text-align:center;box-shadow:0 10px 50px #00f5ff80;border:2px solid var(--primary)}.easter-egg-content h2{font-family:Orbitron,sans-serif;font-size:2rem;color:var(--dark);margin-bottom:15px}.easter-egg-content p{color:var(--dark);font-size:1.1rem;margin:10px 0}.easter-egg-subtitle{font-size:.9rem;opacity:.8}.App{position:relative;min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00f5ff80}50%{box-shadow:0 0 40px #00f5ffcc,0 0 60px #00f5ff66}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}section{position:relative;padding:100px 20px;min-height:100vh;display:flex;align-items:center;justify-content:center}.section-container{max-width:1200px;width:100%;margin:0 auto}.section-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;text-align:center;margin-bottom:60px;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-3);border-radius:2px}body.light-mode .section-title{background:linear-gradient(135deg,#06c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .section-title:after{background:linear-gradient(135deg,#06c,#7c3aed)}@media (max-width: 768px){section{padding:60px 20px}.section-title{font-size:2rem;margin-bottom:40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00f5ff;--secondary: #7b2cbf;--accent: #ff006e;--dark: #0a0e27;--dark-secondary: #1a1f3a;--text: #ffffff;--text-secondary: #b8b8d4;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)}body{font-family:Rajdhani,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;line-height:1.6}body.light-mode{--dark: #fafbfc;--dark-secondary: #ffffff;--text: #1a1f3a;--text-secondary: #6b7280;--primary: #0066cc;--secondary: #7c3aed;--accent: #dc2626;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #0066cc 0%, #0099ff 100%);--gradient-4: linear-gradient(135deg, #10b981 0%, #34d399 100%);background:linear-gradient(180deg,#fafbfc,#f0f4f8);color:var(--text)}body.light-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,102,204,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none;z-index:0}body.light-mode .App{position:relative;z-index:1}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:var(--dark)}body.light-mode ::selection{background:var(--primary);color:#fff}body.light-mode ::-webkit-scrollbar-track{background:#f0f4f8}body.light-mode ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#06c,#09f);border-radius:5px}body.light-mode ::-webkit-scrollbar-thumb:hover{background:var(--primary)}