.NetflixLoader_loaderContainer__1Ckbu{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0f0f0f 0,#000000 70%);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;--mouse-x:50%;--mouse-y:50%}.NetflixLoader_loaderContainer__1Ckbu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(229,9,20,.15) 0,transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.NetflixLoader_loaderContainer__1Ckbu.NetflixLoader_hovered__o8Udv:before{opacity:1}.NetflixLoader_content___gjac{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem}.NetflixLoader_logoContainer__CR_tk{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.NetflixLoader_netflixIcon__Rd_lF{display:flex;gap:4px;height:60px}.NetflixLoader_iconBar__96Isb{width:16px;height:100%;background:#e50914;transform-origin:bottom;animation:NetflixLoader_iconGrow__ehOm0 .8s ease-out backwards}.NetflixLoader_iconBar__96Isb:first-child{animation-delay:.1s}.NetflixLoader_iconBar__96Isb:nth-child(2){animation-delay:.2s}.NetflixLoader_iconBar__96Isb:nth-child(3){animation-delay:.3s}@keyframes NetflixLoader_iconGrow__ehOm0{0%{transform:scaleY(0)}}.NetflixLoader_logoText__r7Ef3{display:flex;gap:2px}.NetflixLoader_logoLetter__8Emm3{font-size:2.8rem;font-weight:900;color:#e50914;text-shadow:0 0 10px rgba(229,9,20,.5);opacity:0;animation:NetflixLoader_letterReveal__otQ0o .5s ease-out var(--delay) forwards}@keyframes NetflixLoader_letterReveal__otQ0o{0%{opacity:0;transform:translateY(20px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.NetflixLoader_progressSection__BJgS6{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:280px}.NetflixLoader_progressBar___jtOD{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.NetflixLoader_progressFill__Bc54X{height:100%;background:linear-gradient(90deg,#e50914,#ff5252);border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.NetflixLoader_progressGlow__Y_Pcs{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:NetflixLoader_shimmer__FYmSX 1.5s infinite;transform:translateX(-100%)}@keyframes NetflixLoader_shimmer__FYmSX{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.NetflixLoader_progressText___8ECp{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8)}.NetflixLoader_hintText__ocYBX{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:rgba(255,255,255,.6);animation:NetflixLoader_pulseHint__qc96t 2s infinite}@keyframes NetflixLoader_pulseHint__qc96t{0%,to{opacity:.6}50%{opacity:1}}.NetflixLoader_particles__v0su5{position:absolute;width:100%;height:100%;pointer-events:none}.NetflixLoader_particle__Hxz4g{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);background:#e50914;border-radius:50%;opacity:0;animation:NetflixLoader_particleFloat__Z2qgy var(--duration) var(--delay) infinite ease-in-out,NetflixLoader_particleFade__4kRZ4 var(--duration) var(--delay) infinite alternate}@keyframes NetflixLoader_particleFloat__Z2qgy{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(0) translateY(0)}25%{transform:translate(-50%,-50%) rotate(90deg) translateX(var(--distance)) translateY(calc(var(--distance) * .5))}50%{transform:translate(-50%,-50%) rotate(180deg) translateX(0) translateY(calc(var(--distance) * 1))}75%{transform:translate(-50%,-50%) rotate(270deg) translateX(calc(var(--distance) * -1)) translateY(calc(var(--distance) * .5))}to{transform:translate(-50%,-50%) rotate(1turn) translateX(0) translateY(0)}}@keyframes NetflixLoader_particleFade__4kRZ4{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width:768px){.NetflixLoader_logoLetter__8Emm3{font-size:2rem}.NetflixLoader_netflixIcon__Rd_lF{height:50px}.NetflixLoader_iconBar__96Isb{width:14px}.NetflixLoader_progressSection__BJgS6{width:240px}}@media (max-width:480px){.NetflixLoader_logoLetter__8Emm3{font-size:1.6rem}.NetflixLoader_netflixIcon__Rd_lF{height:40px}.NetflixLoader_iconBar__96Isb{width:12px}.NetflixLoader_progressSection__BJgS6{width:200px}.NetflixLoader_hintText__ocYBX{font-size:.8rem}}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--text-color:#1f2937;--light-color:#f3f4f6;--dark-color:#111827;--transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.15);--card-shadow:0 10px 30px rgba(0,0,0,0.08);--hover-shadow:0 15px 35px rgba(0,0,0,0.15);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--neon-glow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 15px var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:80px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-color);overflow-x:hidden}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:14px 32px;background:var(--gradient);border-radius:12px;transition:var(--transition);position:relative;overflow:hidden;z-index:1;box-shadow:0 5px 15px rgba(37,99,235,.2),0 10px 30px rgba(37,99,235,.1),inset 0 -3px 0 rgba(0,0,0,.2);transform:translateY(0)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s;z-index:-1}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(37,99,235,.3),0 15px 35px rgba(37,99,235,.15),inset 0 -3px 0 rgba(0,0,0,.2)}.btn:active{transform:translateY(2px);box-shadow:0 3px 10px rgba(37,99,235,.2),inset 0 -1px 0 rgba(0,0,0,.2)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);box-shadow:0 5px 15px rgba(37,99,235,.2)}.btn-glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:white}.btn-glass:hover{background:rgba(255,255,255,.2)}.btn-neon{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--neon-glow);text-shadow:var(--neon-glow)}.btn-neon:hover{background:var(--primary-color);color:white;box-shadow:var(--neon-glow),0 0 20px var(--primary-color)}.section{padding:100px 0;position:relative}.section-title{text-align:center;margin-bottom:60px;font-size:2.8rem;color:var(--dark-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient);border-radius:2px}.section-title span{color:var(--primary-color);background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.particle-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.particle{position:absolute;border-radius:50%;background:var(--gradient);opacity:.3;animation:float 15s linear infinite}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--light-color);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader{width:60px;height:60px;border-radius:50%;border:4px solid rgba(37,99,235,.2);border-top:4px solid var(--primary-color);animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;position:relative}.loader:after{top:-10px;left:-10px;right:-10px;bottom:-10px;border:4px solid transparent;border-top:4px solid var(--secondary-color);animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;opacity:.7}.loader:after,.loader:before{content:"";position:absolute;border-radius:50%}.loader:before{top:-15px;left:-15px;right:-15px;bottom:-15px;border:4px solid transparent;border-bottom:4px solid var(--accent-color);animation:spin 2s cubic-bezier(.5,0,.5,1) infinite reverse;opacity:.5}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.05);border-bottom:1px solid rgba(255,255,255,.2);transition:var(--transition)}header,header.scrolled{transform:translateY(0)}header.scrolled{padding:10px 0;background:rgba(255,255,255,.95);box-shadow:0 5px 20px rgba(0,0,0,.08)}header.hidden{transform:translateY(-100%)}.navbar{justify-content:space-between;padding:15px 0}.logo,.navbar{display:flex;align-items:center}.logo{font-size:1.8rem;font-weight:800;color:var(--primary-color);position:relative}.logo span{color:var(--secondary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px;position:relative}.nav-links a{color:var(--text-color);font-weight:600;padding:5px 0;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:var(--transition)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.menu-btn{display:none;font-size:1.5rem;cursor:pointer;z-index:1001;width:30px;height:30px;position:relative}.menu-btn span{display:block;position:absolute;height:3px;width:100%;background:var(--primary-color);border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.menu-btn span:first-child{top:0}.menu-btn span:nth-child(2){top:10px}.menu-btn span:nth-child(3){top:20px}.menu-btn.open span:first-child{top:10px;transform:rotate(135deg)}.menu-btn.open span:nth-child(2){opacity:0;left:-30px}.menu-btn.open span:nth-child(3){top:10px;transform:rotate(-135deg)}.hero{padding:180px 0 100px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.hero:before{top:-50%;right:-50%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.1) 0,transparent 70%);animation:pulse 15s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;width:100%}.hero:after{top:0;left:0;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3Cpattern id='grid' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 50 0 L 0 0 0 50' fill='none' stroke='rgba(37, 99, 235, 0.1)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E");opacity:.3;z-index:0}.hero-content{position:relative;z-index:1}.hero-text{padding-right:30px}.hero-text h1{font-size:3.5rem;margin-bottom:20px;color:var(--dark-color);font-weight:800}.hero-text h1 span{color:var(--primary-color);position:relative;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text h1 span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;background:rgba(37,99,235,.2);z-index:-1;border-radius:5px}.hero-text p{font-size:1.2rem;margin-bottom:30px;color:#4b5563}.hero-btns{gap:15px}.hero-image{text-align:center;position:relative}.hero-image img{max-width:100%;border:5px solid var(--primary-color);box-shadow:var(--card-shadow);transition:var(--transition);position:relative;z-index:2}.hero-image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background:var(--gradient);border-radius:50%;opacity:.1;z-index:1;animation:pulse 3s ease-in-out infinite}.hero-image:hover img{transform:scale(1.05) rotate(2deg)}.social-icons{margin-top:30px;gap:15px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--gradient);color:white;border-radius:50%;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.social-icons 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:.5s}.social-icons a:hover:before{left:100%}.social-icons a:hover{transform:translateY(-5px) rotate(5deg);box-shadow:0 10px 20px rgba(0,0,0,.15)}.about-content{display:flex;align-items:center;justify-content:space-between;gap:50px}.about-text{flex:1}.about-text h3{font-size:2rem;margin-bottom:20px;color:var(--dark-color);font-weight:700}.about-text p{margin-bottom:15px;line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.stat-box{background:white;padding:25px;border-radius:15px;text-align:center;box-shadow:var(--card-shadow);position:relative;overflow:hidden;transform-style:preserve-3d}.stat-box,.stat-box:before{transition:var(--transition)}.stat-box:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--gradient)}.stat-box:hover:before{width:100%;opacity:.1}.stat-box:hover{transform:translateY(-8px) rotateX(5deg) rotateY(5deg);box-shadow:var(--hover-shadow)}.stat-box i{color:var(--primary-color);margin-bottom:15px}.stat-box h4,.stat-box i{font-size:2.5rem;position:relative;z-index:1}.stat-box h4{margin-bottom:5px;color:var(--dark-color);font-weight:800}.stat-box p{margin:0;color:#6b7280;position:relative;z-index:1}.about-skills{flex:1}.skill{margin-bottom:25px}.skill-name{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600}.skill-bar{height:12px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}.skill-level{background:var(--gradient);width:0;transition:width 1.5s cubic-bezier(.22,.61,.36,1)}.skill-level:after{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.experience{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:relative;overflow:hidden}.experience:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233b82f6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background:var(--primary-color);top:0;bottom:0;left:50%;margin-left:-3px;border-radius:10px;background:var(--gradient);transform:translateZ(-1px)}.timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box;opacity:0;transform:translateY(30px) rotateX(90deg);transition:opacity .8s ease,transform .8s ease}.timeline-item.visible{opacity:1;transform:translateY(0) rotateX(0)}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-content{padding:25px;background:white;border-radius:15px;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;overflow:hidden;transform-style:preserve-3d}.timeline-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient);transition:var(--transition)}.timeline-content:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:var(--hover-shadow)}.timeline-content:hover:before{height:100%;opacity:.05}.timeline-date{color:var(--primary-color);display:flex;align-items:center;gap:8px}.timeline-date,.timeline-title{font-weight:700;margin-bottom:10px}.timeline-title{color:var(--dark-color);font-size:1.3rem}.timeline-desc{color:#6b7280;line-height:1.7}.timeline-item:after{content:"";position:absolute;width:25px;height:25px;background:var(--gradient);border-radius:50%;top:20px;z-index:1;box-shadow:0 0 0 5px rgba(59,130,246,.2)}.timeline-item:nth-child(odd):after{right:-13px}.timeline-item:nth-child(2n):after{left:-13px}.projects{background:white;position:relative}.projects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.projects-filter{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:40px;gap:10px}.filter-btn{padding:10px 25px;background:#e5e7eb;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--gradient);color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(37,99,235,.2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:white;border-radius:15px;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;transform-style:preserve-3d}.project-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:var(--hover-shadow)}.project-img{height:220px;overflow:hidden;position:relative}.project-img img{object-fit:cover}.project-img img,.project-overlay{width:100%;height:100%;transition:var(--transition)}.project-overlay{position:absolute;top:0;left:0;background:rgba(37,99,235,.9);display:flex;align-items:center;justify-content:center;opacity:0}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-img img{transform:scale(1.1)}.project-links{display:flex;gap:15px}.project-links a{width:50px;height:50px;background:white;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(20px);opacity:0;transition:var(--transition);box-shadow:0 5px 15px rgba(0,0,0,.1)}.project-links a:hover{background:var(--primary-color);color:white}.project-card:hover .project-links a{transform:translateY(0);opacity:1}.project-card:hover .project-links a:first-child{transition-delay:.1s}.project-card:hover .project-links a:nth-child(2){transition-delay:.2s}.project-info{padding:25px}.project-info h3{font-size:1.5rem;margin-bottom:10px;color:var(--dark-color);font-weight:700}.project-info p{color:#6b7280;margin-bottom:15px;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.project-tech span{padding:5px 12px;background:#e5e7eb;border-radius:20px;font-size:.8rem;transition:var(--transition)}.project-tech span:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.testimonials{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:relative;overflow:hidden}.testimonials:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.1) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0,transparent 40%)}.testimonials-container{max-width:800px;margin:0 auto;position:relative;perspective:1000px}.testimonial{background:white;padding:40px;border-radius:20px;box-shadow:var(--card-shadow);text-align:center;display:none;position:relative;overflow:hidden;transform-style:preserve-3d}.testimonial:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient)}.testimonial.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.testimonial-text{font-size:1.1rem;line-height:1.8;color:#4b5563;margin-bottom:20px;position:relative;font-style:italic}.testimonial-text:after,.testimonial-text:before{content:'"';font-size:4rem;color:var(--primary-color);opacity:.2;position:absolute;font-family:Georgia,serif}.testimonial-text:before{top:-20px;left:-10px}.testimonial-text:after{bottom:-40px;right:-10px}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:15px}.testimonial-author img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,.1)}.author-info h4{color:var(--dark-color);margin-bottom:5px;font-weight:700}.author-info p{color:#6b7280;margin:0}.testimonial-nav{display:flex;justify-content:center;margin-top:30px;gap:10px}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:var(--transition)}.testimonial-dot.active{background:var(--primary-color);transform:scale(1.3)}.testimonial-dot:hover{background:var(--primary-color);transform:scale(1.2)}.contact-content{display:flex;justify-content:space-between;gap:50px}.contact-info{flex:1}.contact-info h3{font-size:2rem;margin-bottom:20px;color:var(--dark-color);font-weight:700}.contact-info p{margin-bottom:30px;line-height:1.8}.contact-details{margin-top:30px}.contact-details div{display:flex;align-items:center;margin-bottom:20px;transition:var(--transition);padding:15px;border-radius:10px}.contact-details div:hover{background:rgba(59,130,246,.05);transform:translateX(5px)}.contact-details i{width:50px;height:50px;background:var(--gradient);color:white;border-radius:50%;text-align:center;line-height:50px;margin-right:15px;font-size:1.2rem;box-shadow:0 5px 15px rgba(37,99,235,.2)}.contact-details span{font-weight:600}.contact-form{flex:1;background:white;padding:40px;border-radius:20px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient)}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-control{width:100%;padding:15px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;transition:var(--transition);background:#f9fafb}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.2);outline:none;background:white}textarea.form-control{min-height:150px;resize:vertical}.form-status{margin-top:15px;padding:15px;border-radius:8px;display:none;font-weight:600}.form-status.success{background:#dcfce7;color:#166534;display:block}.form-status.error{background:#fee2e2;color:#991b1b;display:block}footer{background:var(--dark-color)}footer:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.footer-logo{font-size:2.5rem;margin-bottom:20px;background:var(--gradient)}.footer-links{display:flex;margin-bottom:30px;gap:30px}.footer-links a{color:white;font-weight:600;transition:var(--transition)}.footer-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient);transition:var(--transition)}.footer-links a:hover{color:var(--accent-color)}.footer-links a:hover:after{width:100%}.footer-social{gap:15px}.footer-social a{transition:var(--transition);backdrop-filter:blur(10px)}.footer-social a:hover{background:var(--primary-color);box-shadow:0 5px 15px rgba(37,99,235,.3)}.back-to-top{background:var(--gradient);transition:var(--transition);box-shadow:0 5px 15px rgba(0,0,0,.15)}.back-to-top:hover{box-shadow:0 8px 20px rgba(0,0,0,.2)}.trait-card{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;overflow:hidden;perspective:1000px}.trait-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border-radius:1rem;opacity:0;transition:opacity .5s ease}.trait-card:hover:before{opacity:1}.trait-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.trait-card:hover:after{transform:scaleX(1)}.trait-card:hover{transform:rotateY(5deg) rotateX(5deg)}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.from-yellow-100{--tw-gradient-from:#fef9c3;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(254 249 195/0))}.to-yellow-200{--tw-gradient-to:#fef08a}.from-blue-100{--tw-gradient-from:#dbeafe;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(219 234 254/0))}.to-blue-200{--tw-gradient-to:#bfdbfe}.from-purple-100{--tw-gradient-from:#f3e8ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(243 232 255/0))}.to-purple-200{--tw-gradient-to:#e9d5ff}.from-green-100{--tw-gradient-from:#dcfce7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(220 252 231/0))}.to-green-200{--tw-gradient-to:#bbf7d0}.from-pink-100{--tw-gradient-from:#fce7f3;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(252 231 243/0))}.to-pink-200{--tw-gradient-to:#fbcfe8}.from-indigo-100{--tw-gradient-from:#e0e7ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(224 231 255/0))}.to-indigo-200{--tw-gradient-to:#c7d2fe}.hover\:from-yellow-200:hover{--tw-gradient-from:#fef08a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(254 240 138/0))}.hover\:to-yellow-300:hover{--tw-gradient-to:#fde047}.hover\:from-blue-200:hover{--tw-gradient-from:#bfdbfe;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(191 219 254/0))}.hover\:to-blue-300:hover{--tw-gradient-to:#93c5fd}.hover\:from-purple-200:hover{--tw-gradient-from:#e9d5ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(233 213 255/0))}.hover\:to-purple-300:hover{--tw-gradient-to:#d8b4fe}.hover\:from-green-200:hover{--tw-gradient-from:#bbf7d0;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(187 247 208/0))}.hover\:to-green-300:hover{--tw-gradient-to:#86efac}.hover\:from-pink-200:hover{--tw-gradient-from:#fbcfe8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(251 207 232/0))}.hover\:to-pink-300:hover{--tw-gradient-to:#f9a8d4}.hover\:from-indigo-200:hover{--tw-gradient-from:#c7d2fe;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgb(199 210 254/0))}.hover\:to-indigo-300:hover{--tw-gradient-to:#a5b4fc}.backdrop-blur-sm{backdrop-filter:blur(8px)}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}.trait-card{padding:1.5rem}}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.duration-500{transition-duration:.5s}.transform-style-3d{transform-style:preserve-3d}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:text-gray-900{color:#111827}.group:hover .group-hover\:text-gray-700{color:#374151}@media (max-width:1200px){.hero-text h1{font-size:3rem}}@media (max-width:992px){.about-content,.contact-content,.hero-content{flex-direction:column}.about-text,.contact-info,.hero-text{padding-right:0;margin-bottom:50px}.hero-text h1{font-size:2.8rem}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:18px}.timeline-item:nth-child(odd):after{right:auto}}@media (max-width:768px){.menu-btn{display:block}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:white;flex-direction:column;align-items:center;justify-content:center;transition:var(--transition);gap:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}.nav-links.active{left:0}.section-title{font-size:2rem}.hero-text h1{font-size:2.5rem}.hero-btns{flex-direction:column;gap:15px}.about-stats,.projects-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;align-items:center;gap:15px}.contact-form,.testimonial{padding:30px 20px}}@media (max-width:576px){.hero-text h1{font-size:2rem}.section{padding:70px 0}.testimonial-author{flex-direction:column;text-align:center}.project-info,.stat-box{padding:20px}.hero-image:before{display:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:rgba(37,99,235,.3);color:var(--dark-color)}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}to{box-shadow:0 0 5px var(--primary-color)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.float{animation:float 3s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.shake{animation:shake .5s ease-in-out}.text-gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.border-gradient{border:2px solid transparent;background:linear-gradient(white,white) padding-box,var(--gradient) border-box}@media (prefers-color-scheme:dark){:root{--text-color:#f3f4f6;--light-color:#111827;--dark-color:#f3f4f6;--card-shadow:0 10px 30px rgba(0,0,0,0.3);--hover-shadow:0 15px 35px rgba(0,0,0,0.4)}body{background-color:var(--light-color);color:var(--text-color)}.contact-form,.project-card,.stat-box,.testimonial,.timeline-content{background:#1f2937;color:var(--text-color)}header{background:rgba(17,24,39,.8)}header.scrolled{background:rgba(17,24,39,.95)}}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important}.back-to-top,.btn,.menu-btn,.project-overlay,.social-icons,.testimonial-nav{display:none!important}.container{width:100%;max-width:none}}footer{background:linear-gradient(135deg,#111827,#1f2937);color:white;padding:80px 0 30px;position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.1) 0,transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.footer-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.footer-wave{position:absolute;top:-80px;left:0;width:100%;height:80px;overflow:hidden}.footer-wave:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0z' fill='%23111827'/%3E%3C/svg%3E");background-size:1200px 100%;animation:wave 12s linear infinite}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-logo{font-size:2.8rem;font-weight:800;color:white;margin-bottom:25px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1e40af);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block;text-shadow:0 0 15px rgba(59,130,246,.4);transition:all .5s ease}.footer-logo:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(59,130,246,.6)}.footer-logo:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);transition:width .5s ease}.footer-logo:hover:after{width:80%}.footer-tagline{text-align:center;margin-bottom:40px;font-size:1.1rem;max-width:600px;color:#d1d5db;line-height:1.6}.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1000px;margin-bottom:50px;gap:30px}.footer-column{flex:1;min-width:200px}.footer-column h3{font-size:1.3rem;margin-bottom:20px;color:#f9fafb;position:relative;padding-bottom:10px}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:3px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px;transform:translateX(0);transition:transform .3s ease}.footer-links li:hover{transform:translateX(5px)}.footer-links a{color:#d1d5db;font-weight:500;transition:all .3s ease;display:flex;align-items:center;position:relative;padding:5px 0}.footer-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#3b82f6;transition:width .3s ease}.footer-links a:hover{color:#3b82f6}.footer-links a:hover:before{width:100%}.footer-links i{margin-right:10px;font-size:.9rem;color:#3b82f6;transition:transform .3s ease}.footer-links a:hover i{transform:rotate(1turn)}.newsletter-form{display:flex;flex-direction:column;gap:15px}.newsletter-input{padding:12px 15px;border:none;border-radius:6px;background:rgba(255,255,255,.1);color:white;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.newsletter-input:focus{outline:none;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(59,130,246,.5)}.newsletter-input::placeholder{color:#9ca3af}.newsletter-btn{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.newsletter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.newsletter-btn:hover:before{left:100%}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,99,235,.4)}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);margin:30px 0;position:relative}.footer-divider:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f6,0 0 20px #3b82f6;animation:pulse 2s infinite}.footer-social{gap:20px;margin-bottom:30px}.footer-social,.footer-social a{display:flex;justify-content:center}.footer-social a{align-items:center;width:50px;height:50px;background:rgba(255,255,255,.1);color:white;border-radius:50%;transition:all .4s ease;position:relative;overflow:hidden;backdrop-filter:blur(5px)}.footer-social a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:0;transition:opacity .4s ease;z-index:-1}.footer-social a:hover:before{opacity:1}.footer-social a:hover{transform:translateY(-5px) rotate(5deg);box-shadow:0 5px 15px rgba(37,99,235,.4)}.footer-social i{font-size:1.2rem;transition:transform .3s ease}.footer-social a:hover i{transform:scale(1.2)}.footer-social a:first-child:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.footer-social a:nth-child(2):hover{background:linear-gradient(135deg,#1DA1F2,#0d8bd9)}.footer-social a:nth-child(3):hover{background:linear-gradient(135deg,#0077B5,#006097)}.footer-social a:nth-child(4):hover{background:linear-gradient(135deg,#E4405F,#c13584)}.footer-social a:nth-child(5):hover{background:linear-gradient(135deg,#5865F2,#4752c4)}.copyright{margin-top:20px;color:#9ca3af;text-align:center;font-size:.9rem}.copyright a{color:#3b82f6;text-decoration:none;transition:all .3s ease;position:relative}.copyright a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#3b82f6;transition:width .3s ease}.copyright a:hover:after{width:100%}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s ease;z-index:999;box-shadow:0 5px 15px rgba(37,99,235,.4);transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px rgba(37,99,235,.6)}.back-to-top i{font-size:1.2rem;transition:transform .3s ease}.back-to-top:hover i{transform:translateY(-3px)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.floating-element{position:absolute;opacity:.2;z-index:0}.floating-element:first-child{top:20%;left:5%;font-size:2rem;animation:float 8s ease-in-out infinite;color:#3b82f6}.floating-element:nth-child(2){top:60%;right:10%;font-size:1.5rem;animation:float 10s ease-in-out 1s infinite;color:#10b981}.floating-element:nth-child(3){bottom:20%;left:15%;font-size:2.5rem;animation:float 12s ease-in-out 2s infinite;color:#f59e0b}.floating-element:nth-child(4){top:30%;right:5%;font-size:1.8rem;animation:float 9s ease-in-out 1.5s infinite;color:#ef4444}@media (max-width:992px){.footer-columns{flex-direction:column;align-items:center;text-align:center;gap:40px}.footer-column{width:100%;max-width:400px}.footer-column h3:after{left:50%;transform:translateX(-50%)}.footer-links li:hover{transform:translateX(0)}}@media (max-width:768px){footer{padding:60px 0 20px}.footer-logo{font-size:2.2rem}.footer-tagline{font-size:1rem;padding:0 20px}.footer-social{gap:15px}.back-to-top,.footer-social a{width:45px;height:45px}.back-to-top{bottom:20px;right:20px}}@media (max-width:576px){.footer-logo{font-size:1.8rem}.footer-column h3{font-size:1.2rem}.newsletter-form{padding:0 10px}.footer-social{flex-wrap:wrap}.floating-element{display:none}}@media (prefers-color-scheme:dark){footer{background:linear-gradient(135deg,#0f172a,#1e293b)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.footer-wave:before{animation:none}.floating-element{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:#f9fafb;color:#111;padding:4rem 2rem;overflow:hidden}.hero .container{max-width:1200px;margin:0 auto;width:100%}.hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3rem}.hero-text{flex:1;min-width:300px}.hero-text h1{font-size:2.8rem;font-weight:700;color:#111;margin-bottom:1rem;line-height:1.2}.hero-text h1 span{color:#2563eb;text-shadow:0 2px 6px rgba(37,99,235,.25)}.hero-text p{font-size:1.1rem;line-height:1.7;color:#374151;max-width:600px;margin-bottom:2rem}.hero-btns{display:flex;gap:1rem;margin-bottom:2rem}.btn{padding:.8rem 1.6rem;border-radius:999px;text-decoration:none;transition:.3s ease;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn:hover{box-shadow:0 6px 16px rgba(37,99,235,.4)}.btn-outline{box-shadow:none}.btn-outline:hover{color:#fff}.social-icons{display:flex;gap:1rem}.social-icons a{font-size:1.4rem;color:#374151;transition:.3s}.social-icons a:hover{color:#2563eb;transform:translateY(-3px)}.hero-image{flex:1;min-width:280px;display:flex;justify-content:center;align-items:center}.hero-image img{width:280px;height:280px;border-radius:50%;object-fit:cover;border:5px solid #2563eb;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .4s ease}.hero-image img:hover{transform:scale(1.05) rotate(2deg)}@media (max-width:768px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:2.2rem}.hero-text p{margin-left:auto;margin-right:auto}}.section-title{font-size:2.2rem;line-height:1.2;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;text-shadow:1px 2px 4px rgba(0,0,0,.3)}.section-title span{text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero-text h1,.project-info h3{font-weight:700;color:#1e293b;text-shadow:0 2px 6px rgba(0,0,0,.25),0 1px 3px rgba(255,255,255,.4);line-height:1.3;background:rgba(255,255,255,.05);padding:2px 5px;border-radius:4px}.hero-text p,.project-info p,.timeline-desc{line-height:1.6;color:#222;text-shadow:0 1px 2px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.2);background:rgba(255,255,255,.08);padding:4px 6px;border-radius:4px}.project-tech span{background:rgba(0,0,0,.1);font-weight:600;padding:4px 8px;border-radius:6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn{font-weight:600;padding:8px 14px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.btn:hover{text-shadow:0 2px 5px rgba(0,0,0,.5)}.hero-text p,.project-info p,.timeline-desc{font-size:1rem;font-weight:600;line-height:1.8;color:#111;background:rgba(255,255,255,.95);padding:6px 12px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.4);animation:fadeInUp .8s ease forwards;transition:all .3s ease}.hero-text p:hover,.project-info p:hover,.timeline-desc:hover{background:#2563eb;color:#fff;transform:scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,.3)}.section-title{font-weight:800;font-size:2rem;color:#111;display:inline-block;animation:fadeInUp .8s ease forwards;transition:all .3s ease}.section-title span{color:#2563eb}.section-title:hover{color:#1e40af;transform:scale(1.03);text-shadow:0 2px 6px rgba(0,0,0,.5)}.project-tech span{font-size:.95rem;font-weight:700;color:#111;background:#f1f5f9;padding:5px 9px;border-radius:8px;margin:2px 3px;display:inline-block;cursor:pointer;transition:all .3s ease}.project-tech span:hover{background:#2563eb;color:#fff;transform:scale(1.05);box-shadow:0 2px 6px rgba(0,0,0,.25)}.btn{font-size:1rem;font-weight:700;color:#fff!important;border-radius:8px}.btn:hover{background:#1e40af;transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.25)}.netflixLoader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.netflixLoader.fadeOut{opacity:0;pointer-events:none}.netflixAnimation{display:flex;flex-direction:column;align-items:center;gap:2rem}.netflixLogo{display:flex;gap:.2rem}.logoLetter{font-size:4rem;font-weight:900;color:#e50914;opacity:0;transform:translateY(20px);animation:letterReveal .5s forwards}.logoLetter:first-child{animation-delay:.1s}.logoLetter:nth-child(2){animation-delay:.2s}.logoLetter:nth-child(3){animation-delay:.3s}.logoLetter:nth-child(4){animation-delay:.4s}.logoLetter:nth-child(5){animation-delay:.5s}.logoLetter:nth-child(6){animation-delay:.6s}.logoLetter:nth-child(7){animation-delay:.7s}@keyframes letterReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loadingBar{width:200px;height:4px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.progress{height:100%;width:0;background:#e50914;animation:loading 2s ease-in-out forwards}@keyframes loading{0%{width:0}70%{width:90%}to{width:100%}}@media (max-width:768px){.logoLetter{font-size:3rem}.loadingBar{width:150px}}@media (max-width:480px){.logoLetter{font-size:2.5rem}.netflixLogo{gap:.1rem}}.projects-search{margin-bottom:2rem;display:flex;justify-content:center}.search-box{position:relative;max-width:400px;width:100%}.search-input{width:100%;padding:12px 45px;border:2px solid #e0e0e0;border-radius:25px;background:white;font-size:1rem;transition:all .3s ease}.search-input:focus{border-color:#040f0e;outline:none;box-shadow:0 0 10px rgba(78,205,196,.2)}.search-box .fa-search{left:15px}.clear-search,.search-box .fa-search{position:absolute;top:50%;transform:translateY(-50%);color:#666}.clear-search{right:15px;background:none;border:none;cursor:pointer;padding:5px}.filter-count{background:rgba(0,0,0,.1);padding:2px 8px;border-radius:12px;font-size:.8rem;margin-left:5px}.results-info{text-align:center;margin-bottom:2rem;color:#666;font-style:italic}.project-actions{margin-top:1rem}.project-actions .btn{display:inline-flex;align-items:center;gap:8px}.featured-badge{position:absolute;top:1rem;right:1rem;background:#ffd700;color:#000;padding:4px 10px;border-radius:15px;font-size:.7rem;font-weight:700;z-index:2;display:flex;align-items:center;gap:5px}.no-projects{text-align:center;padding:3rem 2rem;color:#666}.no-projects i{font-size:3rem;margin-bottom:1rem;color:#ccc}.no-projects h3{margin-bottom:.5rem;color:#333}.project-modal{background:rgba(0,0,0,.8);z-index:1000;padding:20px}.modal-overlay,.project-modal{top:0;left:0;width:100%;height:100%}.modal-content{background:white;border-radius:10px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{top:15px;right:15px;background:none;font-size:1.5rem;color:#666;z-index:2}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.modal-image img{border-radius:8px}.modal-tech .tech-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.modal-actions{margin-top:1.5rem}@media (max-width:768px){.modal-body{grid-template-columns:1fr}.projects-filter{flex-wrap:wrap;justify-content:center}.filter-btn{margin-bottom:.5rem}}.project-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.project-modal.active{visibility:visible;opacity:1}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:16px;padding:2rem;max-width:900px;width:90%;z-index:2100;display:flex;flex-direction:column;gap:1.5rem;animation:scaleIn .3s ease;box-shadow:0 20px 40px rgba(0,0,0,.2)}.modal-close{position:absolute;top:14px;right:14px;background:transparent;border:none;font-size:1.4rem;cursor:pointer;color:#444;transition:color .2s ease}.modal-close:hover{color:#e63946}.modal-body{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:wrap}.modal-image{flex:1 1 300px}.modal-image img{width:100%;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px rgba(0,0,0,.15)}.modal-info{flex:2 1 400px;display:flex;flex-direction:column;gap:1rem}.modal-info h2{font-size:1.8rem;font-weight:600;color:#222}.modal-info p{color:#555;line-height:1.6;font-size:1rem}.modal-tech h4{font-size:1.1rem;margin-bottom:.5rem;color:#222}.tech-list{display:flex;flex-wrap:wrap;gap:.6rem}.tech-tag{display:inline-flex;align-items:center;gap:.4rem;background:#f3f4f6;color:#333;padding:6px 12px;border-radius:20px;font-size:.9rem;transition:all .2s ease}.tech-tag i{font-size:1rem;color:#2563eb}.tech-tag:hover{background:#e5e7eb}.modal-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:10px 18px;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:#2563eb;color:white}.btn:hover{background:#1d4ed8}.btn i{font-size:1rem}.btn-outline{background:transparent;border:2px solid #2563eb;color:#2563eb}.btn-outline:hover{background:#2563eb;color:white}.btn-disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;border:none!important;pointer-events:none}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.modal-body{flex-direction:column}.modal-info h2{font-size:1.5rem}}.about-profile{position:sticky;top:100px}.profile-card{background:linear-gradient(135deg,var(--card-bg) 0,rgba(255,255,255,.05) 100%);padding:2.5rem;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);text-align:center}.profile-image-container{position:relative;margin-bottom:2rem}.profile-image{width:150px;height:150px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2)}.profile-badge,.profile-placeholder{display:flex;align-items:center;color:white}.profile-badge{position:absolute;bottom:10px;right:20px;background:var(--primary-color);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;gap:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.profile-info h3{margin-bottom:.5rem;color:var(--text-color);font-size:1.5rem}.profile-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.profile-location{margin-bottom:1rem;color:var(--text-light)}.profile-location,.profile-status{display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-status{margin-bottom:2rem;padding:.5rem 1rem;background:rgba(76,175,80,.1);border-radius:20px;color:#4CAF50;font-size:.9rem}.status-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.profile-social{gap:.8rem;margin-bottom:2rem}.profile-social,.social-btn{display:flex;justify-content:center}.social-btn{width:45px;height:45px;border-radius:50%;align-items:center;color:white;transition:all .3s ease;font-size:1.1rem}.social-btn.github{background:#333}.social-btn.linkedin{background:#0077b5}.social-btn.twitter{background:#1da1f2}.social-btn.leetcode{background:#ffa116}.social-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.2)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat-item{background:var(--card-bg);padding:1rem;border-radius:15px;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-light)}.about-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--card-bg);padding:.5rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.tab-button{flex:1;padding:1rem 1.5rem;background:none;border:none;color:var(--text-light);font-weight:600;cursor:pointer;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button.active{background:var(--primary-color);color:white;box-shadow:0 5px 15px rgba(0,0,0,.2)}.tab-button:hover:not(.active){background:rgba(255,255,255,.05);color:var(--text-color)}.skills-container{margin-top:1rem}.skill-categories{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-chip{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-light);font-size:.8rem;cursor:pointer;transition:all .3s ease}.category-chip:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skill-card{background:var(--card-bg);padding:1.5rem;border-radius:15px;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.05)}.skill-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.skill-info{gap:1rem}.skill-icon,.skill-info{display:flex;align-items:center}.skill-icon{font-size:1.5rem;width:40px;height:40px;justify-content:center;background:rgba(255,255,255,.1);border-radius:10px}.skill-info h4{margin-bottom:.25rem;color:var(--text-color)}.skill-category{font-size:.8rem;color:var(--text-light);background:rgba(255,255,255,.05);padding:.2rem .5rem;border-radius:10px}.skill-percent{font-weight:700;color:var(--primary-color);font-size:1.1rem}.skill-bar-container{height:8px;background:rgba(255,255,255,.1);overflow:hidden}.skill-bar-container,.skill-level{border-radius:10px;position:relative}.skill-level{height:100%}.skill-level:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skill-tooltip{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-color);padding:1rem;border-radius:10px;margin-bottom:1rem;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid var(--border-color);z-index:10}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:10px solid transparent;border-top:10px solid var(--bg-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:var(--card-bg);padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-content h4{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-content p{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.stat-content span{font-size:.9rem;color:var(--text-light)}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.5rem}.interest-card{gap:.8rem;padding:1.5rem 1rem;background:var(--card-bg);transition:all .3s ease}.interest-card:before{height:3px;background:var(--interest-color)}.interest-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.15)}.interest-emoji{font-size:2rem}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.certification-card{background:var(--card-bg);padding:2rem;border-radius:15px;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.certification-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.15)}.certification-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.certification-content h4{margin-bottom:.5rem;color:var(--text-color)}.cert-issuer{color:var(--text-light);margin-bottom:1rem}.cert-meta{display:flex;gap:1rem;align-items:center}.cert-year{background:var(--primary-color);color:white}.cert-badge,.cert-year{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.cert-badge{background:rgba(76,175,80,.2);color:#4CAF50}.about-cta{margin-top:4rem;background:linear-gradient(135deg,var(--card-bg) 0,rgba(255,255,255,.05) 100%);padding:3rem;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.1)}.cta-content h3{margin-bottom:1rem;color:var(--text-color);font-size:1.8rem}.cta-content p{margin-bottom:2rem;color:var(--text-light);font-size:1.1rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cta-button.primary{background:var(--primary-color);color:white}.cta-button.secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.cta-button:hover{box-shadow:0 10px 25px rgba(0,0,0,.2)}.cta-button.primary:hover{background:var(--primary-dark)}.cta-button.secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:1200px){.about-content{grid-template-columns:1fr;gap:2rem}.about-profile{position:static;max-width:500px;margin:0 auto}.skills-grid{grid-template-columns:1fr}}@media (max-width:768px){.about-tabs{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.interests-grid{grid-template-columns:repeat(3,1fr)}.certifications-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:250px;justify-content:center}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.interests-grid{grid-template-columns:repeat(2,1fr)}.profile-card{padding:1.5rem}.quick-stats{grid-template-columns:repeat(2,1fr)}}.about-content{display:grid;grid-template-columns:350px 1fr;gap:3rem;align-items:start}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:2rem}.interest-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;background:linear-gradient(135deg,var(--card-bg) 0,rgba(59,130,246,.1) 100%);border-radius:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.2);text-align:center}.interest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);background:var(--primary-color)}.interest-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);background:linear-gradient(135deg,var(--card-bg) 0,rgba(59,130,246,.15) 100%)}.interest-emoji{font-size:2.5rem;margin-bottom:.5rem;filter:grayscale(.3);transition:all .3s ease}.interest-card:hover .interest-emoji{transform:scale(1.2);filter:grayscale(0)}.interest-name{font-weight:600;color:var(--text-color);font-size:1rem;line-height:1.4}.interest-description{font-size:.8rem;color:var(--text-light);margin-top:.5rem;line-height:1.4;opacity:.9}.interest-card .mirror-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);transition:left .6s ease;pointer-events:none;border-radius:inherit}.interest-card:hover .mirror-effect{left:100%}.stats-carousel{overflow:hidden;position:relative}.stats-carousel-track{display:flex;transition:transform .5s ease}.stat-card-wrapper{flex:0 0 100%;min-width:100%}.tab-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));opacity:0;transition:opacity .3s ease}.tab-button:hover:before{opacity:1}.tab-button.active{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.2);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.tab-content{position:relative;min-height:400px}.tab-content>div{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.social-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.2)}.cta-button{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(59,130,246,.3)}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.cta-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.cta-button.secondary:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.1)}.certification-card,.interest-card,.timeline-item{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.certification-card:hover,.timeline-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(59,130,246,.15)}.mirror-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.25),transparent);transition:left .5s ease;pointer-events:none;border-radius:inherit}.certification-card:hover .mirror-effect,.cta-button:hover .mirror-effect,.nav-btn:hover .mirror-effect,.social-btn:hover .mirror-effect,.tab-button:hover .mirror-effect,.timeline-item:hover .mirror-effect{left:100%}.nav-btn{position:relative;overflow:hidden;transition:all .3s ease}.nav-btn:hover{transform:scale(1.1);background:rgba(59,130,246,.1)}.indicator{position:relative;overflow:hidden;transition:all .3s ease}.indicator.active{transform:scale(1.2);background:#3b82f6}.indicator:hover{transform:scale(1.1)}.about-tabs,.quick-stats .stat-item{transition:all .3s ease}.quick-stats .stat-item:hover{transform:translateY(-2px)}.certification-card,.cta-button,.indicator,.interest-card,.nav-btn,.social-btn,.tab-button,.timeline-item{animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.cta-button.primary,.tab-button.active{animation:pulse-glow 2s infinite}.cta-button:focus,.nav-btn:focus,.social-btn:focus,.tab-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:768px){.about-content{grid-template-columns:1fr}.interests-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.interest-card{padding:1.5rem .5rem}.interest-emoji{font-size:2rem}.interest-name{font-size:.9rem}}@media (max-width:480px){.interests-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.interest-card{padding:1.2rem .5rem}.interest-emoji{font-size:1.8rem}.interest-name{font-size:.85rem}}html{scroll-behavior:smooth}.interests-section h2{color:var(--text-color);margin-bottom:.5rem;font-size:2rem;text-align:center}.interests-section>p{color:var(--text-light);text-align:center;margin-bottom:3rem;font-size:1.1rem}.timeline-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.timeline-icon{font-size:1.5rem;color:#3b82f6;flex-shrink:0}.timeline-title{margin:0}.timeline-icon{transition:transform .3s ease,color .3s ease}.timeline-item:hover .timeline-icon{transform:scale(1.1);color:#1d4ed8}