*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;line-height:1.6;color:#e2e8f0;background-color:#0f172a}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(15,23,42,0.95);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;box-shadow:0 2px 20px rgba(0,0,0,0.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo a{font-size:1.5rem;font-weight:700;color:#60a5fa;text-decoration:none}.nav-menu{display:flex;gap:2rem}.nav-link{color:#94a3b8;text-decoration:none;font-weight:500;transition:color 0.3s ease;padding:0.5rem 1rem;border-radius:20px}.nav-link:hover{color:#60a5fa;background-color:rgba(96,165,250,0.1)}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:#e2e8f0;margin:3px 0;transition:0.3s;border-radius:2px}.hero{padding:120px 0 60px;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#0a0e1a}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(96,165,250,0.03)1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,0.03)1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;will-change:transform}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;animation:float 20s ease-in-out infinite;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#60a5fa 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#a78bfa 0%,transparent 70%);bottom:-10%;right:-5%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#34d399 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes float{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-30px,30px)scale(0.9)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s ease-out;will-change:transform,opacity}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.3);border-radius:50px;color:#60a5fa;font-size:0.9rem;font-weight:500;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite;will-change:box-shadow}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(96,165,250,0.4)}50%{box-shadow:0 0 0 10px rgba(96,165,250,0)}}.hero-badge i{font-size:1rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:#f1f5f9}.hero-name{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 5s ease infinite;will-change:background-position}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;color:#94a3b8}.typing-text{position:relative;display:inline-block}.typing-text::after{content:'|';position:absolute;right:-10px;animation:blink 1s step-end infinite;will-change:opacity}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-description{font-size:1.1rem;margin-bottom:2rem;color:#cbd5e1;line-height:1.8;max-width:600px}.hero-description strong{color:#60a5fa;font-weight:600}.hero-stats{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;background:rgba(30,41,59,0.5);border-radius:20px;border:1px solid rgba(96,165,250,0.1);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.5rem}.stat-label{font-size:0.85rem;color:#94a3b8;font-weight:500}.stat-divider{width:1px;height:40px;background:rgba(96,165,250,0.2)}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn{padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden;will-change:transform,box-shadow}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.1);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;will-change:width,height}.btn:hover::before{width:300px;height:300px}.btn i,.btn span{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);color:white;box-shadow:0 4px 20px rgba(96,165,250,0.4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(96,165,250,0.6)}.btn-secondary{background-color:transparent;color:#60a5fa;border:2px solid #60a5fa}.btn-secondary:hover{background-color:rgba(96,165,250,0.1);transform:translateY(-3px)}.hero-social{display:flex;gap:1rem}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,0.5);border:1px solid rgba(96,165,250,0.2);border-radius:50%;color:#94a3b8;font-size:1.2rem;transition:all 0.3s ease;text-decoration:none;will-change:transform,box-shadow,background-color,border-color}.social-link:hover{background:rgba(96,165,250,0.2);border-color:#60a5fa;color:#60a5fa;transform:translateY(-3px);box-shadow:0 5px 15px rgba(96,165,250,0.3)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:fadeInRight 1s ease-out 0.3s both;will-change:transform,opacity}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.hero-card-stack{position:relative;width:280px;height:350px}.hero-card{position:absolute;width:100%;padding:1.5rem;background:rgba(30,41,59,0.8);border:1px solid rgba(96,165,250,0.2);border-radius:20px;backdrop-filter:blur(10px);transition:all 0.3s ease;cursor:pointer;will-change:transform,box-shadow}.hero-card:hover{transform:translateY(-10px)!important;box-shadow:0 10px 40px rgba(96,165,250,0.3)}.card-1{top:0;left:0;transform:rotate(-5deg);z-index:3}.card-2{top:30px;left:20px;transform:rotate(2deg);z-index:2}.card-3{top:60px;left:40px;transform:rotate(-3deg);z-index:1}.card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);border-radius:15px;font-size:1.8rem;color:white;margin-bottom:1rem;box-shadow:0 5px 20px rgba(96,165,250,0.3)}.card-content h4{font-size:1.2rem;font-weight:600;color:#f1f5f9;margin-bottom:0.3rem}.card-content p{font-size:0.9rem;color:#94a3b8}.hero-tech-orbit{position:absolute;width:350px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(96,165,250,0.2);border-radius:50%;animation:rotate 20s linear infinite;will-change:transform}.ring-1{width:250px;height:250px}.ring-2{width:320px;height:320px;animation-direction:reverse;animation-duration:30s}@keyframes rotate{from{transform:translate(-50%,-50%)rotate(0deg)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-icon{position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,0.9);border:2px solid rgba(96,165,250,0.3);border-radius:50%;font-size:1.5rem;color:#60a5fa;animation:orbitFloat 3s ease-in-out infinite;pointer-events:auto;cursor:pointer;transition:all 0.3s ease;will-change:transform,background-color,border-color}.orbit-icon:hover{background:rgba(96,165,250,0.2);border-color:#60a5fa;transform:scale(1.2)}@keyframes orbitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-1{top:0;left:50%;transform:translateX(-50%)}.icon-2{bottom:0;left:50%;transform:translateX(-50%);animation-delay:0.5s}.icon-3{top:50%;left:0;transform:translateY(-50%);animation-delay:1s}.icon-4{top:50%;right:0;transform:translateY(-50%);animation-delay:1.5s}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:#94a3b8;font-size:0.9rem;animation:bounce 2s ease-in-out infinite;z-index:10;will-change:transform}@keyframes bounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(-10px)}}.hero-scroll-indicator i{font-size:1.2rem}section{padding:80px 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#f1f5f9;position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px}.section-subtitle{font-size:1.1rem;color:#94a3b8;max-width:600px;margin:0 auto}.education{background-color:#1e293b}.education-timeline{max-width:900px;margin:0 auto 4rem}.education-item{display:grid;grid-template-columns:150px 1fr;gap:3rem;margin-bottom:3rem;position:relative}.education-item::before{content:'';position:absolute;left:75px;top:60px;bottom:-30px;width:2px;background:linear-gradient(180deg,#60a5fa,transparent)}.education-item:last-child::before{display:none}.education-year{font-size:1.1rem;font-weight:600;color:#60a5fa;padding:0.5rem 1rem;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.3);border-radius:10px;text-align:center;height:fit-content}.education-content{display:flex;gap:1.5rem;background:rgba(30,41,59,0.5);padding:2rem;border-radius:20px;border:1px solid rgba(96,165,250,0.1);transition:all 0.3s ease}.education-content:hover{transform:translateX(10px);border-color:rgba(96,165,250,0.3);box-shadow:0 10px 40px rgba(96,165,250,0.15)}.education-icon-wrapper{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:15px;font-size:2rem;color:white;flex-shrink:0;box-shadow:0 5px 20px rgba(96,165,250,0.3)}.education-details h3{font-size:1.4rem;font-weight:600;color:#f1f5f9;margin-bottom:0.5rem}.education-institution{color:#60a5fa;font-weight:500;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.education-institution i{font-size:0.9rem}.education-description{color:#cbd5e1;line-height:1.6;font-size:0.95rem}.certifications-section{margin-top:4rem}.certifications-title{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:2.5rem;color:#f1f5f9;display:flex;align-items:center;justify-content:center;gap:0.75rem}.certifications-title i{color:#60a5fa}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cert-card{background:rgba(30,41,59,0.5);padding:1.75rem;border-radius:15px;border:1px solid rgba(96,165,250,0.1);display:flex;gap:1rem;transition:all 0.3s ease;position:relative;overflow:hidden}.cert-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#60a5fa,#a78bfa)}.cert-card:hover{transform:translateY(-5px);border-color:rgba(96,165,250,0.3);box-shadow:0 10px 30px rgba(96,165,250,0.2)}.cert-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(96,165,250,0.1);border-radius:12px;color:#60a5fa;font-size:1.5rem;flex-shrink:0}.cert-content{flex:1}.cert-content h4{font-weight:600;margin-bottom:0.5rem;color:#f1f5f9;font-size:1.05rem}.cert-provider{color:#94a3b8;font-size:0.9rem;margin-bottom:0.5rem}.cert-badge{display:inline-block;padding:0.25rem 0.75rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:white;border-radius:20px;font-size:0.75rem;font-weight:600}.experience{background-color:#0f172a}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.experience-card{background:rgba(30,41,59,0.5);border-radius:20px;border:1px solid rgba(96,165,250,0.1);overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.experience-card:hover{transform:translateY(-10px);border-color:rgba(96,165,250,0.3);box-shadow:0 15px 50px rgba(96,165,250,0.2)}.experience-card.featured{border-color:rgba(96,165,250,0.3);background:rgba(30,41,59,0.7)}.experience-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(96,165,250,0.1)}.experience-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:15px;font-size:1.1rem;color:white;box-shadow:0 5px 20px rgba(96,165,250,0.3)}.experience-badge{padding:0.4rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;background:rgba(96,165,250,0.1);color:#60a5fa;border:1px solid rgba(96,165,250,0.3)}.experience-badge.current{background:linear-gradient(135deg,#34d399,#10b981);color:white;border:none}.experience-body{padding:2rem;flex:1;display:flex;flex-direction:column}.experience-body h3{font-size:1.4rem;font-weight:600;color:#f1f5f9;margin-bottom:0.5rem}.experience-body h4{color:#60a5fa;font-weight:500;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.experience-duration{color:#94a3b8;font-size:0.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.experience-description{margin-bottom:1.25rem}.experience-description p{color:#cbd5e1;line-height:1.6}.experience-highlights{list-style:none;padding:0;margin-bottom:1.5rem;flex:1}.experience-highlights li{padding:0.5rem 0;color:#cbd5e1;display:flex;align-items:flex-start;gap:0.75rem;line-height:1.6}.experience-highlights li i{color:#34d399;margin-top:0.25rem;flex-shrink:0}.experience-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.exp-tag{padding:0.4rem 1rem;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:20px;font-size:0.85rem;color:#60a5fa;font-weight:500}.skills{background-color:#1e293b}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.skill-category-card{background:rgba(30,41,59,0.5);border-radius:20px;padding:2rem;border:1px solid rgba(96,165,250,0.1);transition:all 0.3s ease;position:relative;overflow:hidden}.skill-category-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#60a5fa,#a78bfa)}.skill-category-card:hover{transform:translateY(-5px);border-color:rgba(96,165,250,0.3);box-shadow:0 10px 40px rgba(96,165,250,0.15)}.skill-category-card.featured{border-color:rgba(96,165,250,0.3);background:rgba(30,41,59,0.7)}.skill-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.skill-category-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:12px;font-size:1.5rem;color:white;box-shadow:0 5px 15px rgba(96,165,250,0.3)}.skill-category-header h3{font-size:1.2rem;font-weight:600;color:#f1f5f9;flex:1}.featured-badge{padding:0.3rem 0.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;border-radius:15px;font-size:0.75rem;font-weight:600;text-transform:uppercase}.skill-items{display:flex;flex-direction:column;gap:1.25rem}.skill-item{display:flex;flex-direction:column;gap:0.5rem}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:500;color:#f1f5f9;font-size:0.95rem}.skill-level{font-size:0.85rem;color:#60a5fa;font-weight:600}.skill-bar{height:8px;background:rgba(96,165,250,0.1);border-radius:10px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:10px;transition:width 1s ease;box-shadow:0 0 10px rgba(96,165,250,0.5)}.skill-tags-modern{display:flex;flex-wrap:wrap;gap:0.75rem}.skill-tag-modern{padding:0.6rem 1rem;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:25px;font-size:0.9rem;color:#cbd5e1;font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.skill-tag-modern:hover{background:rgba(96,165,250,0.2);border-color:rgba(96,165,250,0.4);transform:translateY(-2px)}.skill-tag-modern.highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:white;border:none;box-shadow:0 3px 15px rgba(96,165,250,0.3)}.skill-tag-modern i{font-size:0.9rem}.projects{background-color:#0f172a}.project-spotlight{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;background:linear-gradient(135deg,rgba(96,165,250,0.1),rgba(139,92,246,0.1));border:1px solid rgba(96,165,250,0.2);border-radius:25px;padding:3rem;margin-bottom:3rem;position:relative;overflow:hidden}.project-spotlight::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(96,165,250,0.15),transparent 70%);animation:float 15s ease-in-out infinite}.spotlight-content{position:relative;z-index:1}.spotlight-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:white;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem}.spotlight-badge i{font-size:1rem}.spotlight-content h3{font-size:2rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;line-height:1.3}.spotlight-content>p{color:#cbd5e1;line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.spotlight-features{display:flex;gap:2rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:0.5rem;color:#f1f5f9;font-weight:500}.feature-item i{color:#34d399;font-size:1.2rem}.spotlight-tech{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem}.tech-badge{padding:0.5rem 1rem;background:rgba(96,165,250,0.15);border:1px solid rgba(96,165,250,0.3);border-radius:20px;color:#60a5fa;font-size:0.9rem;font-weight:600}.spotlight-link{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:30px;color:white;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all 0.3s ease;box-shadow:0 5px 25px rgba(96,165,250,0.4)}.spotlight-link:hover{transform:translateY(-3px);box-shadow:0 8px 35px rgba(96,165,250,0.6)}.spotlight-link i{transition:transform 0.3s ease}.spotlight-link:hover i{transform:translateX(5px)}.spotlight-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.visual-icon{width:250px;height:250px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:50%;font-size:8rem;color:white;box-shadow:0 20px 60px rgba(96,165,250,0.4);animation:pulse 3s ease-in-out infinite}.projects-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.project-item{background:rgba(30,41,59,0.5);border:1px solid rgba(96,165,250,0.1);border-radius:20px;padding:2rem;display:flex;gap:1.5rem;transition:all 0.3s ease;position:relative}.project-item:hover{border-color:rgba(96,165,250,0.3);transform:translateY(-5px);box-shadow:0 10px 40px rgba(96,165,250,0.15)}.project-item-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:15px;font-size:1.1rem;color:white;flex-shrink:0;box-shadow:0 5px 20px rgba(96,165,250,0.3)}.project-item-content{flex:1}.project-category{display:inline-block;padding:0.25rem 0.75rem;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:15px;color:#60a5fa;font-size:0.75rem;font-weight:600;text-transform:uppercase;margin-bottom:0.75rem}.project-item-content h4{font-size:1.2rem;font-weight:600;color:#f1f5f9;margin-bottom:0.75rem}.project-item-content p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem;font-size:0.95rem}.project-item-tech{display:flex;flex-wrap:wrap;gap:0.5rem}.project-item-tech span{padding:0.3rem 0.75rem;background:rgba(96,165,250,0.1);border-radius:15px;color:#94a3b8;font-size:0.8rem;font-weight:500}.project-item-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:50%;color:#60a5fa;text-decoration:none;flex-shrink:0;transition:all 0.3s ease}.project-item:hover .project-item-link{background:rgba(96,165,250,0.2);border-color:#60a5fa;transform:translateX(5px)}.contact{background-color:#1e293b}.contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.contact-info-modern{display:flex;flex-direction:column;gap:2rem}.contact-intro h3{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.contact-intro p{color:#cbd5e1;line-height:1.7}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:rgba(30,41,59,0.5);border:1px solid rgba(96,165,250,0.1);border-radius:15px;text-decoration:none;transition:all 0.3s ease}.contact-method-card:hover{border-color:rgba(96,165,250,0.3);transform:translateX(10px);box-shadow:0 5px 20px rgba(96,165,250,0.15)}.method-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:12px;font-size:1.3rem;color:white;flex-shrink:0}.method-content{flex:1}.method-content h4{font-size:1.05rem;font-weight:600;color:#f1f5f9;margin-bottom:0.25rem}.method-content p{font-size:0.9rem;color:#94a3b8}.method-arrow{color:#60a5fa;font-size:1.2rem;transition:transform 0.3s ease}.contact-method-card:hover .method-arrow{transform:translateX(5px)}.availability-card{padding:1.5rem;background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);border-radius:15px}.availability-indicator{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.status-dot{width:12px;height:12px;background:#34d399;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-text{font-weight:600;color:#34d399;font-size:1rem}.availability-card p{color:#cbd5e1;font-size:0.9rem;line-height:1.6}.contact-form-modern{background:rgba(30,41,59,0.5);padding:2.5rem;border-radius:20px;border:1px solid rgba(96,165,250,0.1)}.form-header{margin-bottom:2rem}.form-header h3{font-size:1.6rem;font-weight:600;color:#f1f5f9;margin-bottom:0.5rem}.form-header p{color:#94a3b8;font-size:0.95rem}.modern-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.5rem}.form-field label{font-weight:500;color:#f1f5f9;font-size:0.95rem;display:flex;align-items:center;gap:0.5rem}.form-field label i{color:#60a5fa;font-size:0.9rem}.form-field input,.form-field textarea{width:100%;padding:0.9rem 1.2rem;background:rgba(15,23,42,0.5);border:1px solid rgba(96,165,250,0.2);border-radius:12px;font-size:1rem;color:#f1f5f9;transition:all 0.3s ease;font-family:'Inter',sans-serif}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,0.1)}.form-field textarea{resize:vertical;min-height:140px}.btn-large{padding:1rem 2rem;font-size:1.05rem}.footer{background:#0a0e1a;padding:3rem 0 1.5rem;border-top:1px solid rgba(96,165,250,0.1)}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(96,165,250,0.1)}.footer-brand h3{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:0.5rem}.footer-brand p{color:#94a3b8;font-size:0.95rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.footer-column a{display:block;color:#94a3b8;text-decoration:none;margin-bottom:0.75rem;transition:color 0.3s ease}.footer-column a:hover{color:#60a5fa}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#94a3b8;font-size:0.9rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(96,165,250,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:50%;color:#60a5fa;text-decoration:none;transition:all 0.3s ease}.footer-social a:hover{background:rgba(96,165,250,0.2);border-color:#60a5fa;transform:translateY(-3px)}.floating-buttons{position:fixed;right:2rem;bottom:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000}.floating-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,0.9);border:2px solid rgba(96,165,250,0.4);border-radius:50%;color:#60a5fa;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.3);text-decoration:none}.floating-button:hover{background:rgba(96,165,250,0.3);border-color:#60a5fa;color:#f1f5f9;transform:translateY(-5px)scale(1.1);box-shadow:0 6px 30px rgba(96,165,250,0.5)}#backToTop{opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.4s ease}#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:768px){.floating-buttons{right:1.5rem;bottom:1.5rem}.floating-button{width:36px;height:36px;font-size:1rem}}@media(max-width:480px){.floating-buttons{right:1rem;bottom:1rem}.floating-button{width:30px;height:30px;font-size:0.9rem}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-visual{order:-1;margin-bottom:2rem}.hero-card-stack{width:240px;height:300px}.hero-tech-orbit{width:300px;height:300px}.contact-wrapper{grid-template-columns:1fr;gap:3rem}.footer-main{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:rgba(15,23,42,0.98);width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.3);padding:2rem 0}.nav-menu.active{left:0}.nav-toggle{display:flex}.hero{padding:100px 0 40px}.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.4rem}.hero-description{max-width:100%}.hero-stats{flex-direction:column;gap:1rem;padding:1rem}.stat-divider{display:none}.hero-buttons{justify-content:center;flex-wrap:wrap;width:100%}.hero-visual{display:none}.hero-scroll-indicator{display:none}.education-item{grid-template-columns:1fr;gap:1.5rem}.education-item::before{display:none}.education-year{width:fit-content}.certifications-grid{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr}.skills-container{grid-template-columns:1fr}.project-spotlight{grid-template-columns:1fr;padding:2rem}.spotlight-visual{display:none}.spotlight-features{flex-direction:column;gap:1rem}.projects-grid-new{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center;gap:0.75rem}.btn{width:100%;max-width:300px;text-align:center;justify-content:center}.hero-stats{width:100%}.stat-number{font-size:1.5rem}.stat-label{font-size:0.75rem}.hero-social{justify-content:center}.social-link{width:40px;height:40px;font-size:1rem}}