:root{--primary-color:#18bcbff4;--primary-hover:#4021ae;--text-light:#fff;--text-dark:#222;--overlay-dark:rgba(0, 0, 0, 0.5);--font-stack:'Poppins', Arial, Helvetica, sans-serif;--bg-dark:#0c0f1a;--card-bg:#111624;--transition-speed:0.3s;}*{box-sizing:border-box;margin:0;padding:0;}html, body{overflow-x:hidden;}img, picture, video, svg{max-width:100%;height:auto;display:block;}html{scroll-behavior:smooth;}html, body{min-height:100%;font-family:var(--font-stack);}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);}html{scrollbar-color:#18bcbff4 #111624;}::-webkit-scrollbar{width:12px;}::-webkit-scrollbar-track{background:#111624;}::-webkit-scrollbar-thumb{background:#18bcbff4;border-radius:6px;}::-webkit-scrollbar-thumb:hover{background:#4021ae;}.navbar{position:fixed;top:0;left:0;width:100%;background:rgba(15, 15, 25, 0.95);backdrop-filter:blur(10px);z-index:999;color:var(--text-light);box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}.nav-container{max-width:1200px;margin:0 auto;padding:1em max(2em, env(safe-area-inset-right)) 1em max(2em, env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;}.nav-logo{font-weight:700;font-size:1.3em;color:var(--text-light);z-index:1001;}.nav-links{list-style:none;display:flex;gap:2em;align-items:center;}.nav-links li a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color var(--transition-speed);position:relative;}.nav-links li a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-speed);}.nav-links li a:hover::after{width:100%;}.nav-links li a:hover{color:var(--primary-color);}.cv-link{background:linear-gradient(90deg, var(--primary-color), #7a5af5);padding:0.5em 1.2em;border-radius:20px;transition:transform var(--transition-speed);}.cv-link:hover{transform:scale(1.05);}.nav-links li:last-child a::before{content:'📄';margin-right:0.3em;font-size:0.9em;}.nav-actions{display:flex;align-items:center;gap:1em;z-index:1001;}#theme-toggle{background:rgba(255, 255, 255, 0.1);border:2px solid rgba(255, 255, 255, 0.2);cursor:pointer;padding:0.5em;border-radius:50%;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;width:40px;height:40px;}#theme-toggle img{width:20px;height:20px;filter:brightness(0) invert(1);transition:transform var(--transition-speed);}#theme-toggle:hover{transform:rotate(20deg) scale(1.1);background:rgba(255, 255, 255, 0.2);}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger span{width:100%;height:3px;background:var(--text-light);border-radius:10px;transition:all 0.3s ease;transform-origin:center;}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-20px);}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(17, 22, 36, 0.98);backdrop-filter:blur(20px);padding:max(80px, env(safe-area-inset-top)) max(2em, env(safe-area-inset-right)) max(2em, env(safe-area-inset-bottom)) 2em;transition:right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index:1000;box-shadow:-5px 0 20px rgba(0, 0, 0, 0.3);}.mobile-menu.active{right:0;}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:0;}.mobile-nav-links li{border-bottom:1px solid rgba(255, 255, 255, 0.1);}.mobile-link{display:block;color:var(--text-light);text-decoration:none;padding:1.2em 0;font-weight:500;font-size:1.1em;transition:all var(--transition-speed);position:relative;padding-left:20px;}.mobile-link::before{content:'▸';position:absolute;left:0;opacity:0;transition:all var(--transition-speed);color:var(--primary-color);}.mobile-link:hover::before{opacity:1;left:5px;}.mobile-link:hover{color:var(--primary-color);padding-left:25px;}.mobile-menu::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:-1;}.mobile-menu.active::before{opacity:1;pointer-events:auto;}.video-background{position:relative;width:100%;height:100vh;overflow:hidden;contain:layout style paint;}.video-background video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;filter:brightness(0.5) blur(1px);z-index:1;transition:transform 0.01s ease-out;will-change:transform;}.video-background .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-dark);z-index:2;}.video-background .content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--text-light);text-align:center;z-index:3;max-width:850px;padding:max(40px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(40px, env(safe-area-inset-left));}.video-background .content h1{font-size:3em;margin-bottom:0.5em;}.video-background .content .highlight,.about-section .highlight,.skills-section .highlight,.projects-section .highlight,.contact-section .highlight,.faq-section .highlight{color:var(--primary-color);}.video-background .content p{font-size:1.2em;margin-bottom:1.5em;line-height:1.6;}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.2em;justify-content:center;margin-top:1.5em;}.cta{background:linear-gradient(90deg, var(--primary-color), #7a5af5);color:var(--text-light);border:none;padding:0.9em 2.2em;border-radius:30px;font-size:1.05em;font-weight:500;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 12px rgba(138, 108, 255, 0.3);}.cta:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(138, 108, 255, 0.6);}.cta-outline{border:2px solid var(--primary-color);color:var(--text-light);padding:0.85em 2.1em;border-radius:30px;background:transparent;font-size:1.05em;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;}.cta-outline:hover{background:var(--primary-color);transform:scale(1.05);box-shadow:0 0 20px rgba(138, 108, 255, 0.6);}.social-links{margin-top:2em;display:flex;justify-content:center;gap:1.2em;}.social-links a{display:inline-block;transition:transform 0.3s, opacity 0.3s;border-radius:50%;}.social-links a:hover{transform:scale(1.2);opacity:1;filter:drop-shadow(0 0 12px rgba(24, 188, 191, 0.8)) drop-shadow(0 0 20px rgba(24, 188, 191, 0.4));}.social-links img{width:35px;height:35px;filter:brightness(0) invert(1);transition:none;}.social-links a:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(24, 188, 191, 0.6));}.about-section{background:var(--bg-dark);color:var(--text-light);padding:60px max(25px, env(safe-area-inset-right)) 90px max(25px, env(safe-area-inset-left));min-height:60vh;scroll-margin-top:80px;}.section-title-center{font-size:2.6em;font-weight:bold;text-align:center;margin-bottom:2.5em;color:var(--text-light);}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:4em;max-width:1200px;margin:0 auto;align-items:start;}.about-text{text-align:left;padding-right:2em;}.about-section h2{font-size:2.8em;margin-bottom:0.3em;font-weight:bold;color:var(--text-light);}.about-subtitle{font-size:1.6em;font-weight:600;color:var(--text-light);margin-bottom:1.8em;line-height:1.4;padding-bottom:0.8em;border-bottom:2px solid rgba(102, 126, 234, 0.15);}.about-section p{font-size:1.05em;line-height:1.8;margin-bottom:1.2em;color:rgba(255, 255, 255, 0.8);}.about-buttons{display:flex;gap:1em;margin-top:2em;flex-wrap:wrap;}.about-btn{padding:0.9em 2.2em;border-radius:30px;font-size:1em;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;border:none;}.about-btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);}.about-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102, 126, 234, 0.4);}.about-btn-outline{background:transparent;color:#667eea;border:2px solid #667eea;}.about-btn-outline:hover{background:#667eea;color:white;transform:translateY(-2px);}.about-cards{display:flex;flex-direction:column;gap:2em;}@keyframes slideInRight{from{opacity:0;transform:translateX(80px) translateZ(0);}to{opacity:1;transform:translateX(0) translateZ(0);}}.about-card{background:var(--card-bg);border-radius:16px;padding:1.8em;display:flex;align-items:flex-start;gap:1.5em;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:1px solid rgba(102, 126, 234, 0.2);opacity:0;transform:translateX(80px);will-change:transform, opacity;}.about-card.animate{animation:slideInRight 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}.about-card:nth-child(1).animate{animation-delay:0s;}.about-card:nth-child(2).animate{animation-delay:0.15s;}.about-card:nth-child(3).animate{animation-delay:0.3s;}.about-card:hover{box-shadow:0 12px 35px rgba(102, 126, 234, 0.25), 0 0 25px rgba(102, 126, 234, 0.15);transform:translateY(-5px) scale(1.02) translateZ(0);border-color:rgba(102, 126, 234, 0.5);}.about-card-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease;}.about-card:hover .about-card-icon{transform:scale(1.1) rotate(5deg);}.about-card-icon svg{width:32px;height:32px;color:#667eea;}.about-card-content h4{font-size:1.2em;font-weight:600;color:var(--text-light);margin-bottom:0.5em;}.about-card-content p{font-size:1em;line-height:1.7;color:rgba(255, 255, 255, 0.75);margin:0;}.skills-section{background:var(--bg-dark);padding:90px max(25px, env(safe-area-inset-right)) 90px max(25px, env(safe-area-inset-left));color:white;text-align:center;scroll-margin-top:80px;}.skills-section h2{font-size:2.6em;margin-bottom:0.3em;}.skills-description{font-size:1.15em;max-width:750px;margin:0 auto 3em auto;opacity:0.85;line-height:1.6;}.skills-wrapper{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2em;max-width:1200px;margin:auto;}.skill-category{background:var(--card-bg);padding:1.25rem;border-radius:16px;box-shadow:0 5px 22px rgba(0, 0, 0, 0.25);transition:transform 0.3s ease;will-change:transform;}.skill-category:hover{transform:translateY(-6px) translateZ(0);}.skill-category h3{font-size:1.5em;margin-bottom:1em;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;}.skill-category:nth-child(1) h3{background:linear-gradient(135deg, #FF6B9D, #FF8C5A);-webkit-background-clip:text;background-clip:text;}.skill-category:nth-child(2) h3{background:linear-gradient(135deg, #667EEA, #764BA2);-webkit-background-clip:text;background-clip:text;}.skill-category:nth-child(3) h3{background:linear-gradient(135deg, #00D9FF, #0099CC);-webkit-background-clip:text;background-clip:text;}.skill-category:nth-child(4) h3{background:linear-gradient(135deg, #FFD700, #FFA500);-webkit-background-clip:text;background-clip:text;}.skill-category:nth-child(5) h3{background:linear-gradient(135deg, #4ECDC4, #44A08D);-webkit-background-clip:text;background-clip:text;}.skill-category:nth-child(6) h3{background:linear-gradient(135deg, #C471ED, #F64F59);-webkit-background-clip:text;background-clip:text;}.skill-items{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:1rem;align-items:start;}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(26,32,51,0.6), rgba(18,24,40,0.6));padding:1rem;border-radius:12px;gap:0.5rem;transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;min-height:110px;text-align:center;will-change:transform;}.skill-item:hover{transform:translateY(-6px) scale(1.04) translateZ(0);box-shadow:0 12px 30px rgba(24, 188, 191, 0.12), 0 6px 18px rgba(138, 108, 255, 0.06);background:linear-gradient(180deg, rgba(34,40,64,0.9), rgba(24,30,50,0.96));}.skill-item img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.35));}.skill-item span{display:block;margin-top:0.25rem;font-size:0.95rem;font-weight:600;color:#e6eefc;}.category-header{display:flex;align-items:center;justify-content:center;gap:0.5em;margin-bottom:0.9rem;}.badge{background:linear-gradient(90deg, #f59e0b, #ef4444);color:white;padding:0.3em 0.8em;border-radius:20px;font-size:0.75em;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.projects-section{background:var(--bg-dark);padding:90px max(25px, env(safe-area-inset-right)) 90px max(25px, env(safe-area-inset-left));color:white;text-align:center;scroll-margin-top:80px;}.projects-section h2{font-size:2.6em;margin-bottom:0.3em;}.projects-description{font-size:1.15em;max-width:750px;margin:0 auto 3em auto;opacity:0.85;line-height:1.6;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2em;max-width:1200px;margin:auto;}.project-card{background:var(--card-bg);border-radius:18px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);padding:2em;text-align:left;transition:all 0.3s ease;border:2px solid transparent;will-change:transform;contain:layout style paint;}.project-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 8px 30px rgba(138, 108, 255, 0.2);border-color:var(--primary-color);}.project-card.coming-soon{opacity:0.7;border:2px dashed var(--primary-color);}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1em;flex-wrap:wrap;gap:0.5em;}.project-header h3{color:var(--text-light);font-size:1.4em;margin:0;}.project-date{background:var(--primary-color);color:white;padding:0.3em 0.8em;border-radius:12px;font-size:0.85em;font-weight:600;}.project-description{color:rgba(255, 255, 255, 0.8);font-size:1.05em;line-height:1.6;margin-bottom:1.5em;}.project-tech{display:flex;flex-wrap:wrap;gap:0.6em;margin-bottom:1.5em;}.tech-tag{background:rgba(24, 188, 191, 0.15);color:var(--primary-color);padding:0.4em 0.9em;border-radius:8px;font-size:0.9em;font-weight:500;}.project-links{display:flex;gap:1em;flex-wrap:wrap;}.project-link{display:inline-flex;align-items:center;gap:0.5em;padding:0.6em 1.2em;background:var(--text-dark);color:white;text-decoration:none;border-radius:8px;font-size:0.95em;transition:all 0.3s ease;}.project-link:hover{background:var(--primary-color);transform:scale(1.05);}.project-link.demo{background:var(--primary-color);}.project-link img{width:18px;height:18px;filter:brightness(0) invert(1);}.project-link img.youtube-icon{filter:none;width:20px;height:20px;}.faq-section{background:var(--bg-dark);padding:90px max(25px, env(safe-area-inset-right)) 90px max(25px, env(safe-area-inset-left));color:white;text-align:center;scroll-margin-top:80px;}.faq-section h2{font-size:2.6em;margin-bottom:0.3em;}.faq-description{font-size:1.15em;max-width:750px;margin:0 auto 3em auto;opacity:0.85;line-height:1.6;}.faq-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5em;}.faq-item{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;will-change:transform;}.faq-item:hover{box-shadow:0 8px 30px rgba(24, 188, 191, 0.15);transform:translateY(-2px) translateZ(0);}.faq-question{width:100%;background:transparent;border:none;padding:1.5em 2em;display:flex;align-items:center;gap:1em;text-align:left;cursor:pointer;color:white;font-size:1.1em;font-weight:600;transition:background 0.3s ease;}.faq-question:hover{background:rgba(24, 188, 191, 0.1);}.faq-icon{font-size:1.5em;flex-shrink:0;}.faq-text{flex:1;line-height:1.4;}.faq-arrow{font-size:0.9em;color:var(--primary-color);transition:transform 0.3s ease;flex-shrink:0;}.faq-question[aria-expanded="true"] .faq-arrow{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;padding:0 2em;background:rgba(0, 0, 0, 0.2);}.faq-answer.active{max-height:1000px;padding:1.5em 2em 2em;}.faq-answer p{margin-bottom:1em;line-height:1.7;color:rgba(255, 255, 255, 0.9);font-size:1.05em;}.faq-answer p:last-child{margin-bottom:0;}.faq-answer ul{margin:1em 0 1em 1.5em;line-height:1.8;}.faq-answer li{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);}.faq-answer strong{color:var(--primary-color);font-weight:600;}.contact-section{background:var(--bg-dark);padding:90px max(25px, env(safe-area-inset-right)) max(120px, env(safe-area-inset-bottom)) max(25px, env(safe-area-inset-left));color:white;text-align:center;scroll-margin-top:80px;}.contact-section h2{font-size:2.6em;margin-bottom:0.3em;}.contact-description{font-size:1.15em;max-width:750px;margin:0 auto 3em auto;opacity:0.85;line-height:1.6;}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:3em;max-width:1200px;margin:0 auto;text-align:left;}.contact-info-side{background:var(--card-bg);padding:2.5em;border-radius:20px;box-shadow:0 8px 30px rgba(0, 0, 0, 0.3);}.contact-subtitle{font-size:1.5em;color:white;margin-bottom:1.5em;padding-bottom:0.8em;border-bottom:2px solid rgba(138, 108, 255, 0.3);}.contact-info-list{display:flex;flex-direction:column;gap:1.5em;margin-bottom:2em;}.contact-info-item{display:flex;gap:1.2em;align-items:flex-start;}.contact-icon-wrapper{background:rgba(24, 188, 191, 0.1);padding:0.8em;border-radius:12px;flex-shrink:0;}.contact-icon{width:24px;height:24px;color:var(--primary-color);}.contact-info-text h4{color:var(--primary-color);font-size:1.1em;margin-bottom:0.3em;}.contact-info-text a{color:rgba(255, 255, 255, 0.9);text-decoration:none;transition:color 0.3s;font-size:0.95em;}.contact-info-text a:hover{color:var(--primary-color);}.contact-info-text p{color:rgba(255, 255, 255, 0.8);margin:0;font-size:0.95em;}.contact-social-section{padding-top:2em;border-top:2px solid rgba(138, 108, 255, 0.2);}.social-title{color:white;font-size:1.1em;margin-bottom:1em;}.contact-social-links{display:flex;gap:1em;}.social-link{width:45px;height:45px;background:rgba(24, 188, 191, 0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;border:2px solid transparent;will-change:transform;}.social-link:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-3px) translateZ(0);}.social-link svg{width:22px;height:22px;color:var(--primary-color);transition:color 0.3s;}.social-link:hover svg{color:white;}:root{--nav-offset:72px;}section[id], header[id], div[id], .video-background[id]{scroll-margin-top:var(--nav-offset);}@media (max-width:768px){:root{--nav-offset:64px;}}.contact-form-side{background:var(--card-bg);padding:2.5em;border-radius:20px;box-shadow:0 8px 30px rgba(0, 0, 0, 0.3);}.contact-form{display:flex;flex-direction:column;gap:1.5em;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;}.form-group{display:flex;flex-direction:column;gap:0.5em;}.form-group label{color:rgba(255, 255, 255, 0.9);font-size:0.95em;font-weight:500;}.form-group input,.form-group textarea{background:#1a2033;border:2px solid rgba(138, 108, 255, 0.2);border-radius:12px;padding:0.9em 1.2em;color:white;font-size:1em;font-family:var(--font-stack);transition:all 0.3s ease;}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#1f2640;box-shadow:0 0 0 4px rgba(24, 188, 191, 0.1);}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255, 255, 255, 0.4);}.form-group textarea{resize:vertical;min-height:150px;}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(138, 108, 255, 0.4);}.submit-btn:active{transform:translateY(0);}.submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.btn-icon{width:20px;height:20px;transition:transform 0.3s ease;}.submit-btn:hover .btn-icon{transform:translateX(3px) rotate(45deg);}.form-message{padding:1em;border-radius:10px;font-size:0.95em;text-align:center;margin-top:0.5em;display:none;}.form-message.success{background:rgba(34, 197, 94, 0.2);border:2px solid rgba(34, 197, 94, 0.5);color:#4ade80;display:block;}.form-message.error{background:rgba(239, 68, 68, 0.2);border:2px solid rgba(239, 68, 68, 0.5);color:#f87171;display:block;}.footer{background:#080a12;color:rgba(255, 255, 255, 0.6);text-align:center;padding:2em max(1em, env(safe-area-inset-right)) max(2em, env(safe-area-inset-bottom)) max(1em, env(safe-area-inset-left));}.footer p{margin:0.3em 0;font-size:0.95em;}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e0e10;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Poppins', sans-serif;z-index:9999;transition:opacity 0.8s ease, visibility 0.8s ease;}.spinner{border:4px solid rgba(255, 255, 255, 0.2);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px;}#loader p{font-size:1.1em;letter-spacing:1px;}@keyframes spin{0%{transform:rotate(0deg) translateZ(0);}100%{transform:rotate(360deg) translateZ(0);}}#loader.hidden{opacity:0;visibility:hidden;}body.light-mode{background:#f9f9ff;color:#222;}html.light-mode{scrollbar-color:#18bcbff4 #ffff;}html.light-mode::-webkit-scrollbar-track{background:#e8e8f0;}html.light-mode::-webkit-scrollbar-thumb{background:#18bcbff4;}html.light-mode::-webkit-scrollbar-thumb:hover{background:#4021ae;}body.light-mode .navbar{background:rgba(255, 255, 255, 0.95);color:#222;}body.light-mode .nav-logo,body.light-mode .nav-links li a{color:#222;}body.light-mode .nav-links li a:hover{color:var(--primary-hover);}body.light-mode #theme-toggle{background:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);}body.light-mode #theme-toggle img{filter:none;}body.light-mode .hamburger span{background:#222;}body.light-mode .mobile-menu{background:rgba(255, 255, 255, 0.98);}body.light-mode .mobile-link{color:#222;}body.light-mode .mobile-link:hover{color:var(--primary-hover);}body.light-mode .about-section,body.light-mode .skills-section,body.light-mode .projects-section,body.light-mode .faq-section,body.light-mode .contact-section{background:var(--text-light);color:var(--text-dark);}body.light-mode .section-title-center,body.light-mode .about-section h2,body.light-mode .about-subtitle,body.light-mode .skills-section h2,body.light-mode .projects-section h2,body.light-mode .faq-section h2,body.light-mode .contact-section h2{color:var(--text-dark);}body.light-mode .about-section p,body.light-mode .about-subtitle{color:#555;}body.light-mode .about-card{background:#f8f9ff;border-color:rgba(102, 126, 234, 0.1);}body.light-mode .about-card-content h4{color:var(--text-dark);}body.light-mode .about-card-content p{color:#666;}body.light-mode .skill-category{background:#f8f8ff;box-shadow:0 4px 15px rgba(0, 0, 0, 0.08);}body.light-mode .skill-item{background:white;}body.light-mode .skill-item span{color:#333;}body.light-mode .project-card{background:white;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);}body.light-mode .project-header h3{color:var(--text-dark);}body.light-mode .project-description{color:#555;}body.light-mode .tech-tag{background:#f0f0ff;color:var(--primary-hover);}body.light-mode .faq-item{background:#f8f8ff;}body.light-mode .faq-question,body.light-mode .faq-answer p,body.light-mode .faq-answer li{color:var(--text-dark);}body.light-mode .contact-info-side,body.light-mode .contact-form-side{background:#f8f8ff;}body.light-mode .contact-subtitle,body.light-mode .contact-info-text h4,body.light-mode .social-title{color:var(--text-dark);}body.light-mode .contact-info-text a{color:#333;}body.light-mode .contact-info-text a:hover{color:var(--primary-hover);}body.light-mode .contact-info-text p{color:#555;}body.light-mode .form-group label{color:var(--text-dark);}body.light-mode .form-group input,body.light-mode .form-group textarea{background:white;border-color:rgba(0, 0, 0, 0.2);color:var(--text-dark);}body.light-mode .form-group input::placeholder,body.light-mode .form-group textarea::placeholder{color:rgba(0, 0, 0, 0.4);}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) translateZ(0);}100%{opacity:1;transform:translateY(0) translateZ(0);}}.video-background .content h1,.video-background .content p,.video-background .content .cta-buttons{opacity:0;animation:fadeInUp 1s ease forwards;will-change:opacity, transform;}.video-background .content h1{animation-delay:0.3s;}.video-background .content p{animation-delay:0.6s;}.video-background .content .cta-buttons{animation-delay:0.9s;}.video-background .content .social-links{opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:1.2s;will-change:opacity, transform;}@media (max-width:968px){.contact-container{grid-template-columns:1fr;gap:2em;}.form-row{grid-template-columns:1fr;}.nav-container{padding:1em 1.5em;}.nav-links{gap:1.5em;}}@media (max-width:768px){.hamburger{display:flex;}.nav-links{display:none;}.video-background .content h1{font-size:2em;}.video-background .content p{font-size:1em;}.nav-container{padding:1em;}.about-container{grid-template-columns:1fr;gap:2em;}.about-text{padding-right:0;text-align:center;}.about-section h2, .skills-section h2, .projects-section h2, .contact-section h2, .faq-section h2{font-size:2em;}.projects-grid, .skills-wrapper{grid-template-columns:1fr;}.contact-info-side, .contact-form-side{padding:2em;}.faq-question{padding:1.2em 1.5em;font-size:1em;}.faq-icon{font-size:1.3em;}.faq-answer.active{padding:1.2em 1.5em 1.5em;}}@media (max-width:480px){.video-background .content h1{font-size:1.5em;}.video-background .content p{font-size:0.9em;}.cta-buttons{flex-direction:column;}.contact-info-side, .contact-form-side{padding:1.5em;}.contact-subtitle{font-size:1.2em;}.submit-btn{font-size:1em;padding:0.9em 1.5em;}.faq-question{padding:1em;font-size:0.95em;flex-wrap:wrap;}.faq-icon{font-size:1.2em;}.faq-text{flex:1 1 100%;margin-top:0.5em;}.faq-arrow{position:absolute;right:1em;top:1em;}.faq-answer.active{padding:1em;}.faq-answer p{font-size:0.95em;}.mobile-menu{width:100%;right:-100%;}.nav-logo{font-size:1.1em;}.skill-items{grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));gap:0.6rem;}.skill-item img{width:48px;height:48px;}.skill-item span{font-size:0.85rem;}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px) translateZ(0);}to{opacity:1;transform:translateY(0) translateZ(0);}}.faq-item{animation:slideDown 0.5s ease forwards;opacity:0;}.faq-item:nth-child(1){animation-delay:0.1s;}.faq-item:nth-child(2){animation-delay:0.2s;}.faq-item:nth-child(3){animation-delay:0.3s;}.faq-item:nth-child(4){animation-delay:0.4s;}.faq-item:nth-child(5){animation-delay:0.5s;}.submit-btn{background:linear-gradient(135deg, var(--primary-color), #7a5af5);color:white;border:none;padding:1em 2em;border-radius:12px;font-size:1.05em;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.8em;transition:all 0.3s ease;margin-top:0.5em;}.submit-btn:focus{outline:none;}.submit-btn:focus-visible{box-shadow:0 0 0 4px rgba(24, 188, 191, 0.16), 0 8px 24px rgba(24, 188, 191, 0.08);}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(138, 108, 255, 0.25), 0 6px 20px rgba(24, 188, 191, 0.08);}#scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg, var(--primary-color), #7a5af5, #ff6b9d);z-index:10000;transition:width 0.1s ease;box-shadow:0 0 10px rgba(24, 188, 191, 0.5);}.hero-badge{display:inline-block;background:rgba(251, 191, 36, 0.15);backdrop-filter:blur(10px);border:1px solid rgba(251, 191, 36, 0.4);color:#fbbf24;padding:0.6em 1.5em;border-radius:50px;font-size:0.95em;font-weight:600;letter-spacing:0.5px;margin-bottom:1.5em;animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.2s;opacity:0;box-shadow:0 4px 15px rgba(251, 191, 36, 0.15);will-change:transform, opacity;}.badge-icon{margin-right:0.5em;font-size:1em;}.hero-description{font-size:1.15em;margin-bottom:1.5em;line-height:1.7;max-width:680px;margin-left:auto;margin-right:auto;font-display:swap;contain:layout style;color:rgba(255, 255, 255, 0.9);font-weight:400;}.rotating-text{display:inline-block;position:relative;height:1.5em;vertical-align:middle;overflow:hidden;}.rotating-word{position:absolute;left:0;top:0;opacity:0;font-weight:700;color:var(--primary-color);animation:rotateWord 12s infinite;will-change:transform, opacity;transform:translateY(100%);}.rotating-word:nth-child(1){animation-delay:0s;}.rotating-word:nth-child(2){animation-delay:3s;}.rotating-word:nth-child(3){animation-delay:6s;}.rotating-word:nth-child(4){animation-delay:9s;}@keyframes rotateWord{0%, 25%{transform:translateY(0);opacity:1;}30%, 100%{transform:translateY(-100%);opacity:0;}}.typewriter{display:inline-block;position:relative;color:var(--primary-color);}.typewriter::after{content:'|';position:absolute;right:-8px;animation:blink 0.8s infinite;will-change:opacity;}@keyframes blink{0%, 50%{opacity:1;}51%, 100%{opacity:0;}}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.2em;justify-content:center;margin:2.5em 0;}.cta{position:relative;display:inline-flex;align-items:center;gap:0.8em;padding:1em 2.5em;border-radius:50px;font-size:1em;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:none;text-decoration:none;}.cta::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.2);transform:translate(-50%, -50%);transition:width 0.6s ease, height 0.6s ease;}.cta:hover::before{width:300px;height:300px;}.cta-primary{background:linear-gradient(135deg, var(--primary-color), #7a5af5);color:white;box-shadow:0 4px 20px rgba(24, 188, 191, 0.3);}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(24, 188, 191, 0.5);}.cta-outline{background:transparent;border:2px solid var(--primary-color);color:var(--text-light);}.cta-outline:hover{background:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 30px rgba(24, 188, 191, 0.4);}.cta-arrow, .cta-icon{width:20px;height:20px;transition:transform 0.3s ease;position:relative;z-index:1;}.cta:hover .cta-arrow{transform:translateX(5px);}.cta span{position:relative;z-index:1;}.hero-stats{display:flex;justify-content:center;gap:3em;margin:3em 0 2em;flex-wrap:wrap;}.stat-item{display:flex;flex-direction:column;align-items:center;gap:0.5em;}.stat-number{font-size:2.5em;font-weight:700;background:linear-gradient(135deg, var(--primary-color), #7a5af5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label{font-size:0.9em;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;letter-spacing:1px;font-weight:500;}.social-link-enhanced{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:transparent;backdrop-filter:none;border:none;transition:transform 0.18s ease, opacity 0.18s ease;color:inherit;width:auto;height:auto;padding:0;}.social-link-enhanced svg{width:24px;height:24px;transition:transform 0.18s ease, opacity 0.18s ease;color:var(--text-light);fill:currentColor;width:36px;height:36px;}.social-link-enhanced:hover{background:transparent;border-color:transparent;transform:translateY(-3px);box-shadow:none;}.social-link-enhanced:hover svg{transform:scale(1.08) translateZ(0);opacity:1;}.social-link-enhanced .tooltip{display:none;}.social-link-enhanced .tooltip{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%) scale(0);background:rgba(0, 0, 0, 0.8);color:white;padding:0.4em 0.8em;border-radius:6px;font-size:0.75em;white-space:nowrap;transition:transform 0.2s ease;pointer-events:none;}.social-link-enhanced:hover .tooltip{transform:translateX(-50%) scale(1);}.scroll-indicator{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%) scale(0.85);display:flex;flex-direction:column;align-items:center;gap:0.4em;animation:bounce 2s infinite;cursor:pointer;}.scroll-indicator span{font-size:0.75em;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255, 255, 255, 0.8);}.scroll-arrow{width:26px;height:26px;border-radius:50%;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;background:rgba(24, 188, 191, 0.1);}.scroll-arrow svg{width:15px;height:15px;color:var(--primary-color);}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-10px);}60%{transform:translateX(-50%) translateY(-5px);}}.video-background.parallax video{transform:translate(-50%, -50%) scale(1.1);transition:transform 0.1s ease-out;}@keyframes fadeInUpEnhanced{0%{opacity:0;transform:translateY(30px) scale(0.96) translateZ(0);}100%{opacity:1;transform:translateY(0) scale(1) translateZ(0);}}.video-background .content h1{animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.2s;will-change:transform, opacity;}.video-background .content .hero-description{animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.4s;will-change:transform, opacity;}.video-background .content .cta-buttons{animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.6s;will-change:transform, opacity;}.video-background .content .hero-stats{animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.8s;will-change:transform, opacity;}.video-background .content .social-links{animation:fadeInUpEnhanced 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:0.9s;will-change:transform, opacity;}.scroll-indicator{animation:fadeInUpEnhanced 0.7s ease forwards, bounce 2s 1.1s infinite;animation-delay:1s;opacity:0;will-change:transform, opacity;}@media (max-width:768px){.hero-stats{gap:2em;}.stat-number{font-size:2em;}.cta-buttons{flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto;}.cta{width:100%;justify-content:center;}.social-link-enhanced{width:45px;height:45px;}.social-link-enhanced svg{width:22px;height:22px;}}@media (max-width:480px){.hero-stats{gap:1.5em;}.stat-number{font-size:1.8em;}.stat-label{font-size:0.8em;}.scroll-indicator{bottom:-10px;}.rotating-text{height:1.3em;}}.video-background .content{max-width:920px;padding:1.8rem 1.5rem;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%, -50%);}.cta{padding:0.55em 0.9em;font-size:0.95rem;min-width:0;max-width:200px;}.cta-primary{min-width:180px;}.cta-outline{min-width:140px;}.cta-buttons{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin-top:1.2rem;}.social-links{margin-top:1rem;gap:1.6rem;justify-content:center;}.social-link-enhanced{width:auto;height:auto;padding:0;}.social-link-enhanced svg{width:44px;height:44px;color:var(--text-light);}.hero-stats{margin-top:1.8rem;gap:2.4rem;}.stat-number{font-size:2.2rem;}.stat-label{font-size:0.95rem;letter-spacing:1px;}@media (max-width:768px){.video-background .content{top:48%;transform:translate(-50%, -48%);padding:2rem 1rem;}.cta{width:92%;max-width:420px;padding:0.95em 1.6em;font-size:1rem;}.social-links{margin-top:0.9rem;gap:1rem;}.social-link-enhanced svg{width:40px;height:40px;}.hero-stats{margin-top:2rem;gap:1.6rem;}.stat-number{font-size:2rem;}}@media (max-width:480px){.video-background .content{padding:1.2rem 0.8rem;top:50%;transform:translate(-50%, -50%);}.stat-number{font-size:1.8rem;}.stat-label{font-size:0.85rem;}.social-link-enhanced svg{width:36px;height:36px;}.cta{width:90%;}}.video-background .content{width:100%;max-width:820px;padding:2rem 1rem;box-sizing:border-box;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);text-align:center;}.video-background video{object-position:center center;}.cta-buttons{justify-content:center;gap:1.2rem;margin-top:1.2rem;}.social-links{margin-top:1rem;gap:1rem;justify-content:center;}.social-links a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.06);}@media (max-width:480px){.video-background .content{padding:1.2rem 0.8rem;}.cta{padding:0.9em 1.6em;}.social-links a{width:40px;height:40px;}}