:root{--primary-color: #8b5cf6;--primary-dark: #7c3aed;--secondary-color: #06d6a0;--accent-color: #f72585;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-light: #94a3b8;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--border-color: #334155;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #06d6a0 100%);--gradient-secondary: linear-gradient(135deg, #06d6a0 0%, #0891b2 100%);--gradient-accent: linear-gradient(135deg, #f72585 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--light-bg-primary: #ffffff;--light-bg-secondary: #f8fafc;--light-bg-tertiary: #f1f5f9;--light-text-primary: #1e293b;--light-text-secondary: #475569;--light-border: #e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100%}body{overflow-x:hidden;width:100%;max-width:100vw;position:relative}*,*:before,*:after{box-sizing:border-box}*{max-width:100%}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 25% 25%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(6,214,160,.1) 0%,transparent 50%)}#root{min-height:100vh;width:100%}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--gradient-accent)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.section{padding:5rem 0}.text-center{text-align:center}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf699}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-slide-left{animation:slideInLeft .6s ease-out}.animate-slide-right{animation:slideInRight .6s ease-out}@media (prefers-color-scheme: light){.light-theme{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--border-color: var(--light-border)}}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.navbar.scrolled{background:#0f0f23fa;box-shadow:0 8px 32px #8b5cf633}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-primary)}.logo-text{color:var(--primary-color)}.logo-accent{color:var(--secondary-color);margin-left:.2rem}.navbar-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar-links li{position:relative}.navbar-links a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;border-radius:.5rem;transition:all .3s ease;position:relative}.navbar-links a:hover{color:var(--primary-color);background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.navbar-links a.active{color:var(--primary-color);background:#8b5cf626;position:relative}.navbar-links a.active:hover{color:var(--primary-color);background:#8b5cf633}.navbar-links a.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--gradient-primary);border-radius:1px}.navbar-links i{font-size:.9rem}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.25rem}.mobile-menu-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:1px}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-accent{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:.2rem}@media (max-width: 768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);flex-direction:column;gap:0;padding:1rem;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.navbar-links a{padding:1rem;border-radius:.5rem;margin:.25rem 0}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media (max-width: 480px){.navbar-container{height:60px}.navbar-logo{font-size:1.3rem}}html{overflow-x:hidden;width:100%}body{padding-top:70px;overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh}#root{width:100%;min-height:100vh;overflow-x:hidden}.card,.achievement-card,.skill-category,.project-card,.certification-card,.experience-item,.nav-card,.info-card,.stat-card{overflow:visible!important;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.card:hover,.achievement-card:hover,.skill-category:hover,.project-card:hover,.certification-card:hover,.experience-item:hover,.nav-card:hover,.info-card:hover,.stat-card:hover{overflow:visible;max-width:100%;will-change:transform;backface-visibility:hidden;z-index:10}.card *,.achievement-card *,.profile-card *,.skill-category *,.project-card *,.certification-card *,.experience-item *,.nav-card *,.info-card *,.stat-card *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.home,.about,.skills,.projects,.contact{overflow-x:hidden;overflow-y:visible;width:100%;max-width:100vw;position:relative;padding-bottom:2rem}.home *,.about *,.skills *,.projects *,.contact *{max-width:100%}.achievements-grid,.skills-grid,.projects-grid,.certifications-grid,.stats-grid,.summary-stats,.quick-nav-grid{overflow:visible!important;width:100%;max-width:100%;box-sizing:border-box;padding:2rem 0;margin:1rem 0}.achievements-grid>*,.skills-grid>*,.projects-grid>*,.certifications-grid>*,.stats-grid>*,.summary-stats>*,.quick-nav-grid>*{max-width:100%;overflow:visible;box-sizing:border-box}.home{display:flex;flex-direction:column;overflow-x:hidden;background:var(--bg-primary)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--bg-primary)}.hero-section .container{min-height:100vh;display:flex;align-items:center;position:relative;width:100%}.bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.floating-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;opacity:.15;filter:blur(1px)}.shape-1{width:80px;height:80px;background:var(--gradient-primary);top:20%;left:10%}.shape-2{width:120px;height:120px;background:var(--gradient-secondary);top:60%;right:15%}.shape-3{width:60px;height:60px;background:var(--gradient-accent);top:80%;left:20%}.shape-4{width:100px;height:100px;background:var(--gradient-dark);top:10%;right:30%}.shape-5{width:140px;height:140px;background:var(--gradient-primary);top:40%;left:60%}.shape-6{width:90px;height:90px;background:var(--gradient-secondary);top:70%;right:40%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.hero-text{max-width:100%;padding-right:2rem}.hero-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.hero-subtitle{font-size:1.3rem;font-weight:600;margin-bottom:2rem;color:var(--text-secondary)}.typing-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:var(--text-secondary)}.hero-skills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.skill-tag{padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;font-size:.9rem;font-weight:500;color:var(--text-primary);transition:all .3s ease;cursor:pointer}.skill-tag:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.profile-container{position:relative}.profile-image{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;margin:0 auto}.profile-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;background:var(--gradient-primary);background-clip:padding-box}.profile-ring:before{content:"";position:absolute;inset:-4px;background:var(--gradient-primary);border-radius:50%;z-index:-1}.profile-avatar{width:230px;height:230px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#fff;box-shadow:0 20px 40px #8b5cf64d;overflow:hidden;position:relative}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .3s ease}.profile-img:hover{transform:scale(1.05)}.fallback-icon{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-icons{position:absolute;width:100%;height:100%}.icon-item{position:absolute;width:60px;height:60px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 25px #0000004d;transition:all .3s ease}.icon-item:hover{transform:scale(1.1);box-shadow:0 12px 35px #8b5cf666}.icon-1{top:10%;left:10%;color:var(--primary-color)}.icon-2{top:20%;right:10%;color:var(--secondary-color)}.icon-3{bottom:30%;left:5%;color:var(--accent-color)}.icon-4{bottom:10%;right:15%;color:var(--primary-color)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:25px;z-index:10}.scroll-indicator:hover{color:var(--primary-color);background:#8b5cf61a;transform:translate(-50%) translateY(-5px)}.scroll-arrow{font-size:1.5rem;color:var(--primary-color);transition:all .3s ease}.scroll-indicator:hover .scroll-arrow{color:var(--secondary-color)}.about-preview-section{padding:8rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:0}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.preview-text h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem}.preview-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;font-size:1.1rem}.preview-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat-label{color:var(--text-light);font-size:.9rem;font-weight:500}.tech-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:1rem;transition:all .3s ease}.tech-item:hover{border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 15px 35px #8b5cf64d}.tech-item i{font-size:2rem;color:var(--primary-color)}.tech-item span{color:var(--text-primary);font-weight:500;font-size:.9rem}.quick-nav-section{padding:8rem 0;background:var(--bg-primary)}.quick-nav-section h3{text-align:center;color:var(--text-primary);margin-bottom:3rem;font-size:2rem}.quick-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;padding:1rem 2rem;overflow:visible}.nav-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:1.5rem;text-decoration:none;color:var(--text-primary);transition:all .3s ease;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.nav-card:hover{border-color:var(--primary-color);transform:scale(1.03);box-shadow:0 20px 40px #8b5cf64d;color:var(--text-primary)}.nav-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease}.nav-card:hover .nav-icon{background:var(--gradient-secondary);transform:scale(1.1)}.nav-icon i{font-size:2rem;color:#fff}.nav-card h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.nav-card p{color:var(--text-secondary);line-height:1.6}.about{padding:5rem 0 8rem;background:var(--bg-primary);overflow-x:hidden;overflow-y:visible}.about-content{max-width:1200px;margin:0 auto;width:100%;max-width:calc(100vw - 2rem);overflow:visible;padding:1rem;box-sizing:border-box}.about-header{text-align:center;margin-bottom:4rem}.about-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.about-main{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:4rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.about-text{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.text-section h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.text-section p{line-height:1.7;margin-bottom:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;width:100%;overflow:visible;box-sizing:border-box;padding:.5rem 0}.achievement-card{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.achievement-card:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:scale(1.05);box-shadow:0 15px 35px #8b5cf666}.achievement-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.achievement-label{font-size:.9rem;font-weight:500}.about-visual{display:flex;justify-content:center}.profile-card{background:var(--bg-secondary);padding:1.5rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d;text-align:center;border:2px solid var(--border-color);max-width:350px;position:relative;overflow:visible;box-sizing:border-box;word-wrap:break-word;height:fit-content}.profile-image-large{width:120px;height:120px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto 1rem;box-shadow:0 15px 30px #06d6a066;overflow:hidden;position:relative}.profile-image-large .profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .3s ease;position:relative;z-index:2}.profile-image-large .profile-img:hover{transform:scale(1.05)}.profile-image-large .fallback-icon{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;z-index:1}.profile-info h4{margin-bottom:.25rem;color:var(--text-primary)}.profile-info p{color:var(--text-secondary);margin-bottom:1rem}.profile-stats{display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem;background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.stat-text{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.profile-skills{margin-bottom:1rem;text-align:left}.profile-skills h5{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.skill-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-badge{padding:.25rem .75rem;background:var(--gradient-primary);color:#fff;border-radius:15px;font-size:.75rem;font-weight:500}.profile-location{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.profile-location i{color:var(--primary-color)}.profile-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;background:var(--bg-primary);border-radius:25px;border:1px solid var(--success-color);font-size:.85rem;color:var(--success-color)}.status-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%;animation:pulse 2s infinite}.profile-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:25px;font-weight:500;font-size:.9rem;transition:all .3s ease;margin-top:.5rem}.profile-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666;color:#fff}.profile-card .social-links{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.profile-card .social-link{width:35px;height:35px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;text-decoration:none;font-size:1rem;position:relative}.profile-card .social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666;border-color:transparent}.experience-section{margin-top:4rem;margin-bottom:4rem;padding:2rem 1rem 4rem;overflow:hidden;width:100%;max-width:100%}.experience-section h3{text-align:center;margin-bottom:3rem;font-size:2rem;color:var(--text-primary)}.experience-timeline{position:relative;display:flex;flex-direction:column;gap:4rem;padding:2rem 3rem 4rem 2rem;overflow:hidden}.experience-timeline:before{content:"";position:absolute;left:30px;top:30px;bottom:30px;width:3px;background:var(--gradient-primary);border-radius:2px;z-index:1}.experience-item{position:relative;display:flex;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border-radius:1rem;border:2px solid var(--border-color);transition:all .3s ease;margin:1rem 1rem 1rem 4rem;overflow:hidden;max-width:calc(100% - 7rem);box-sizing:border-box;word-wrap:break-word}.experience-item:before{content:"";position:absolute;left:-65px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--primary-color);border:3px solid var(--bg-primary);border-radius:50%;z-index:2;transition:all .3s ease}.experience-item:hover:before{background:var(--secondary-color);box-shadow:0 0 20px #8b5cf699;transform:translateY(-50%) scale(1.1)}.experience-item:hover{border-color:var(--primary-color);box-shadow:0 15px 35px #8b5cf633;transform:scale(1.01)}.experience-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;position:relative;z-index:3}.experience-content{flex:1;min-width:0}.experience-content h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.experience-content h4:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--primary-color),transparent);margin-left:1rem}.experience-company{color:var(--primary-color);font-weight:600;margin-bottom:.25rem;font-size:1.1rem}.experience-period{color:var(--text-light);font-size:.9rem;margin-bottom:1rem;padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:15px;display:inline-block;border:1px solid var(--border-color)}.experience-content p{line-height:1.6;color:var(--text-secondary)}.skills{padding:5rem 0;background:var(--bg-secondary);overflow-x:hidden;width:100%}.skills-content{max-width:1200px;margin:0 auto;width:100%;max-width:calc(100vw - 2rem);overflow:visible;padding:1rem;box-sizing:border-box}.skills-header{text-align:center;margin-bottom:4rem}.skills-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;width:100%;overflow:hidden;box-sizing:border-box}.skill-category{background:var(--bg-primary);padding:2rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d;border:2px solid var(--border-color);transition:all .3s ease;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;word-wrap:break-word}.skill-category:hover{transform:scale(1.02);box-shadow:0 25px 50px #8b5cf64d}.skill-category-primary{border-color:var(--primary-color)}.skill-category-secondary{border-color:var(--secondary-color)}.skill-category-accent{border-color:var(--accent-color)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.skill-category-secondary .category-icon{background:var(--gradient-secondary)}.skill-category-accent .category-icon{background:var(--gradient-accent)}.category-header h3{color:var(--text-primary);font-size:1.3rem}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.skill-name i{color:var(--primary-color)}.skill-percentage{font-weight:600;color:var(--text-secondary)}.skill-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:4px;box-shadow:0 0 10px #8b5cf680}.skill-category-secondary .skill-progress{background:var(--gradient-secondary);box-shadow:0 0 10px #06d6a080}.skill-category-accent .skill-progress{background:var(--gradient-accent);box-shadow:0 0 10px #f7258580}.certifications-section{margin-bottom:4rem}.certifications-section h3{text-align:center;margin-bottom:3rem;font-size:2rem;color:var(--text-primary)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.certification-card{background:var(--bg-primary);padding:2rem;border-radius:1rem;box-shadow:0 15px 30px #0000004d;border:2px solid var(--border-color);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.certification-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px #8b5cf64d}.cert-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.cert-content h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.cert-content p{color:var(--text-secondary);margin-bottom:.5rem}.cert-year{color:var(--primary-color);font-weight:600;font-size:.9rem}.skills-summary{background:var(--bg-primary);padding:3rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}.projects{padding:6rem 1rem;background:var(--bg-primary);overflow-x:hidden;overflow-y:visible;width:100%;max-width:100vw;position:relative}.projects-content{max-width:1200px;margin:0 auto;width:100%;max-width:calc(100vw - 2rem);overflow:visible;padding:2rem;box-sizing:border-box}.projects-header{text-align:center;margin-bottom:4rem;padding:0 1rem}.projects-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:4rem;width:100%;max-width:100%;overflow:hidden;padding:0 1rem;box-sizing:border-box}.filter-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;min-height:44px;justify-content:center;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.filter-btn:hover:before{left:100%}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 10px 30px #8b5cf680;transform:translateY(-1px)}.filter-btn.active:before{display:none}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:4rem;width:100%;overflow:visible;box-sizing:border-box;padding:2rem 1rem;max-width:100%}.project-card{background:var(--bg-secondary);border-radius:1.5rem;overflow:visible;box-shadow:0 20px 40px #0000004d;border:2px solid var(--border-color);transition:all .3s ease;cursor:pointer;max-width:100%;min-width:320px;box-sizing:border-box;word-wrap:break-word;height:fit-content}.project-card:hover{border-color:var(--primary-color);box-shadow:0 25px 50px #8b5cf666;transform:scale(1.02)}.project-image{position:relative;height:220px;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;overflow:hidden;border-radius:1.5rem 1.5rem 0 0}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:1rem}.action-btn{width:50px;height:50px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.action-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 5px 15px #8b5cf666}.project-content{padding:2rem;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.project-category{color:var(--primary-color);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.project-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:15px;font-size:.8rem;color:var(--text-secondary)}.tech-more{padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:15px;font-size:.8rem;font-weight:500}.project-metrics{display:flex;justify-content:space-between;gap:1rem}.metric{text-align:center;flex:1}.metric-value{display:block;font-weight:700;color:var(--primary-color);font-size:1.1rem}.metric-label{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.projects-stats{background:var(--bg-secondary);padding:3rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-primary);border-radius:1rem;box-shadow:0 10px 25px #0003;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.stat-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-content .stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-content .stat-label{color:var(--text-secondary);font-size:.9rem}.project-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.project-modal{background:var(--bg-primary);border-radius:1.5rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080;border:2px solid var(--border-color)}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:var(--bg-secondary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;z-index:1}.modal-close:hover{background:var(--error-color);color:#fff}.modal-content{padding:2rem}.modal-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.modal-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.modal-title h2{color:var(--text-primary);margin-bottom:.5rem}.modal-category{color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-body{margin-bottom:2rem}.modal-body p{line-height:1.7;margin-bottom:2rem}.modal-technologies h4,.modal-metrics h4{color:var(--text-primary);margin-bottom:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-list .tech-tag{padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.metric-item{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.metric-item .metric-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-item .metric-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.modal-actions{display:flex;gap:1rem;justify-content:center}.contact{padding:5rem 0;background:var(--bg-secondary)}.contact-content{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:4rem}.contact-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 0;max-width:800px}.info-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:1.5rem;border-radius:1.2rem;box-shadow:0 15px 30px #0000004d;border:2px solid var(--border-color);display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;overflow:visible;max-width:100%;min-height:100px;box-sizing:border-box;word-wrap:break-word;position:relative}.info-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf61a,#06d6a01a);border-radius:1.5rem;opacity:0;transition:opacity .3s ease;z-index:1}.info-card:hover:before{opacity:1}.info-card:hover{border-color:var(--primary-color);transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px #8b5cf666}.info-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;position:relative;z-index:2;box-shadow:0 8px 20px #8b5cf64d;transition:all .3s ease;margin-top:.25rem}.info-card:hover .info-icon{transform:scale(1.1);box-shadow:0 15px 35px #8b5cf680}.info-content{position:relative;z-index:2;flex:1}.info-content h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600;line-height:1.3}.info-content a,.info-content p{color:var(--text-secondary);text-decoration:none;font-size:.9rem;line-height:1.4;transition:all .3s ease;word-break:break-word;overflow-wrap:break-word}.info-content a:hover{color:var(--primary-color);transform:translate(5px)}.social-section h3{color:var(--text-primary);margin-bottom:1.5rem}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.social-link:hover{background:var(--social-color, var(--primary-color));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.social-link i{font-size:1.2rem}.availability-section{background:var(--bg-primary);padding:2rem;border-radius:1rem;box-shadow:0 15px 30px #0000004d;border:2px solid var(--success-color)}.availability-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.status-indicator{width:12px;height:12px;background:var(--success-color);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b981b3}50%{opacity:.7;box-shadow:0 0 0 10px #10b98100}}.availability-status span{color:var(--success-color);font-weight:600}.availability-card p{line-height:1.6}.contact-form-section{background:var(--bg-primary);padding:2rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d}.form-container h3{color:var(--text-primary);margin-bottom:2rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633;background:var(--bg-primary)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{align-self:center;min-width:200px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--success-color);color:#fff;border-radius:.5rem;font-weight:500}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--error-color);color:#fff;border-radius:.5rem;font-weight:500}.contact-cta{background:var(--bg-primary);padding:3rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d;text-align:center}.cta-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.cta-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 1200px){.container{max-width:1000px;padding:0 2rem}.hero-content{gap:3rem}.profile-image{width:250px;height:250px}.profile-avatar{width:200px;height:200px;font-size:4.5rem}.floating-icons{display:none}.skills-grid,.projects-grid,.certifications-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center;padding:2rem 1rem 4rem;min-height:calc(100vh - 6rem);display:flex;flex-direction:column;justify-content:center}.hero-text{padding-right:0;order:1}.hero-visual{order:2}.about-main,.contact-main{grid-template-columns:1fr;gap:3rem}.preview-content{grid-template-columns:1fr;gap:4rem;text-align:center;padding:0 1rem}.quick-nav-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 1rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.experience-timeline{padding-left:1.5rem}.experience-item{padding:1.5rem;margin-left:.5rem}.profile-card{max-width:100%}.hero-title{font-size:clamp(2rem,6vw,3rem)}.hero-subtitle{font-size:1.2rem}}@media (max-width: 768px){.container{padding:0 1rem;max-width:100%;overflow-x:hidden}.section{padding:3rem 0}.hero-section{min-height:100vh;padding-bottom:4rem}.hero-content{padding:2rem 1rem 4rem;gap:3rem;min-height:calc(100vh - 8rem);display:flex;flex-direction:column;justify-content:center}.hero-actions{justify-content:center;flex-direction:column;align-items:center;gap:1rem}.hero-actions .btn{width:100%;max-width:280px;justify-content:center}.scroll-indicator{bottom:1.5rem;font-size:.8rem;padding:.75rem}.scroll-arrow{font-size:1.2rem}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.achievement-card{padding:1rem}.achievement-number{font-size:1.5rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.skill-category{padding:1.5rem;margin:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.achievement-card,.profile-card,.project-card,.certification-card,.nav-card,.info-card,.stat-card{overflow:hidden;max-width:100%;box-sizing:border-box}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.project-card{margin:0;width:100%;max-width:100%;box-sizing:border-box}.project-filters{flex-direction:column;align-items:stretch;gap:1rem;padding:0 1.5rem;margin-bottom:3rem}.filter-btn{width:100%;justify-content:center;padding:1.25rem 1.5rem;font-size:1rem;border-radius:25px;min-height:56px}.filter-btn i{font-size:1.1rem}.filter-btn span{font-weight:600}.info-cards{grid-template-columns:1fr}.social-links{grid-template-columns:repeat(2,1fr)}.profile-stats{flex-direction:column;gap:1rem}.profile-stat{flex-direction:row;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:.5rem}.skill-badges{gap:.25rem}.skill-badge{font-size:.7rem;padding:.2rem .6rem}.nav-card{padding:1.5rem 1rem}.nav-icon{width:60px;height:60px}.preview-stats{flex-direction:row;justify-content:center;gap:2rem;flex-wrap:wrap}.stat{min-width:80px}.form-row{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}.stats-grid,.summary-stats{grid-template-columns:repeat(2,1fr)}.experience-timeline{padding-left:1rem}.experience-timeline:before{left:15px}.experience-item{margin-left:.5rem}.experience-item:before{left:-32px;width:10px;height:10px}.preview-stats{flex-direction:row;justify-content:center;gap:2rem}.tech-showcase{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-item{padding:1rem}.tech-item i{font-size:1.5rem}.quick-nav-grid{grid-template-columns:1fr;gap:2rem}.about-preview-section,.quick-nav-section{padding:4rem 0}}@media (max-width: 480px){.hero-section{min-height:100vh;padding:1rem 0 4rem;position:relative}.hero-content{padding:1rem 1rem 4rem;gap:1.5rem;min-height:calc(100vh - 8rem);display:flex;flex-direction:column;justify-content:space-between}.hero-title{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.2}.hero-subtitle{font-size:1rem}.hero-description{font-size:.95rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:center;gap:.75rem}.hero-actions .btn{width:100%;max-width:250px;padding:.875rem 1.5rem;font-size:.9rem}.profile-image{width:180px;height:180px}.profile-avatar{width:140px;height:140px;font-size:3.5rem}.floating-icons{display:none}.skill-tag{font-size:.8rem;padding:.4rem .8rem}.scroll-indicator{bottom:1rem;font-size:.75rem;padding:.5rem}.scroll-arrow{font-size:1rem}.skills{padding:2rem 0}.skills-content{padding:0 1rem}.skills-grid{grid-template-columns:1fr;gap:1rem;padding:0}.skill-category{padding:1rem;margin:0;width:100%;max-width:100%;box-sizing:border-box}.category-header{gap:.75rem;margin-bottom:1.5rem}.category-icon{width:40px;height:40px;font-size:1.2rem}.category-header h3{font-size:1.1rem}.skills-list{gap:1rem}.skill-item{gap:.4rem}.skill-name{font-size:.9rem}.skill-percentage{font-size:.85rem}.skill-bar{height:6px}.certifications-grid{grid-template-columns:1fr;gap:1rem}.certification-card{padding:1rem;flex-direction:column;text-align:center;gap:1rem}.cert-icon{width:50px;height:50px;font-size:1.2rem}.skills-summary{padding:1.5rem;margin:0 1rem}.about-preview-section,.quick-nav-section{padding:3rem 0}.preview-content{gap:2rem;padding:0 .5rem}.preview-text h2{font-size:1.8rem}.preview-text p{font-size:.95rem}.preview-stats{flex-direction:column;gap:1rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.stat-number{font-size:1.5rem}.tech-showcase{grid-template-columns:1fr;gap:.75rem}.tech-item{padding:.75rem;flex-direction:row;justify-content:flex-start;gap:.75rem}.tech-item i{font-size:1.2rem}.quick-nav-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.project-filters{flex-direction:column;align-items:stretch;gap:.75rem;padding:0 1rem;margin-bottom:2rem}.filter-btn{width:100%;justify-content:center;padding:1rem 1.25rem;font-size:.9rem;border-radius:22px;min-height:48px;box-shadow:0 2px 8px #0000001a}.filter-btn i{font-size:1rem}.filter-btn span{font-weight:600}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.filter-btn.active{box-shadow:0 6px 20px #8b5cf666}.nav-card{padding:1.25rem 1rem}.nav-icon{width:50px;height:50px;margin-bottom:1rem}.nav-card h4{font-size:1.1rem}.nav-card p{font-size:.9rem}.stats-grid,.summary-stats{grid-template-columns:1fr;gap:1rem}.stat-card{flex-direction:column;text-align:center;gap:1rem}.stat-icon{width:50px;height:50px}.social-links{grid-template-columns:1fr;gap:.75rem}.social-link{padding:.875rem 1rem}.profile-card{padding:1.5rem;margin:0 .5rem}.profile-image-large{width:120px;height:120px;font-size:3rem}.profile-stats{padding:.75rem}.profile-stat{padding:.5rem}.stat-value{font-size:1rem}.achievements-grid{grid-template-columns:1fr;gap:.75rem}.achievement-card{padding:1rem;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.achievement-number{font-size:1.5rem}.achievement-label{font-size:.85rem}.experience-timeline{padding-left:.5rem}.experience-timeline:before{left:10px}.experience-item{padding:1rem;margin-left:.25rem;flex-direction:column;text-align:center}.experience-item:before{left:-27px;width:8px;height:8px}.experience-icon{width:50px;height:50px;font-size:1.2rem;margin-bottom:1rem}.experience-content h4{font-size:1.1rem;margin-bottom:.5rem}.experience-content h4:after{display:none}.experience-company{font-size:1rem}.experience-period{font-size:.8rem;margin-bottom:.75rem}.experience-content p{font-size:.9rem;line-height:1.5}.project-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-content{padding:1.5rem}.modal-header{flex-direction:column;text-align:center;gap:1rem}.modal-icon{width:60px;height:60px;font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-group input,.form-group textarea{padding:.875rem;font-size:1rem}.contact-form{gap:1.25rem}.cta-actions{flex-direction:column;align-items:center;gap:1rem}.cta-actions .btn{width:100%;max-width:250px}.info-cards{grid-template-columns:1fr;gap:.75rem}.info-card{padding:1rem}.info-icon{width:40px;height:40px;font-size:1rem}}@media (max-width: 360px){.container{padding:0 .75rem}.hero-content{padding:.75rem}.hero-title{font-size:1.6rem}.hero-actions .btn{padding:.75rem 1.25rem;font-size:.85rem}.profile-image{width:150px;height:150px}.profile-avatar{width:120px;height:120px;font-size:3rem}.skill-tag{font-size:.75rem;padding:.3rem .6rem}.nav-card{padding:1rem .75rem}.profile-card{padding:1rem}.experience-item{padding:.75rem}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;border:4px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){width:80px;height:80px;border-top-color:var(--primary-color);animation-delay:0s}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:var(--secondary-color);animation-delay:-.5s}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:var(--accent-color);animation-delay:-1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:2rem;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8b5cf666}.btn:active{transform:translateY(-1px)}.scroll-progress{position:fixed;top:70px;left:0;width:0%;height:3px;background:var(--gradient-primary);z-index:1000;transition:width .3s ease}.card-hover-effect{transition:all .3s ease}.card-hover-effect:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #8b5cf633}.typing-animation{overflow:hidden;border-right:2px solid var(--primary-color);white-space:nowrap;animation:typewriter 3s steps(40) 1s 1 normal both,blink 1s steps(2) infinite}.parallax-element{transform:translateZ(0);will-change:transform}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.navbar,.scroll-indicator,.floating-shapes,.floating-icons{display:none!important}body{background:#fff!important;color:#000!important}.container{max-width:none!important;padding:0!important}}@media (prefers-contrast: high){:root{--primary-color: #000080;--secondary-color: #008080;--text-primary: #000000;--text-secondary: #333333;--bg-primary: #ffffff;--bg-secondary: #f5f5f5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shapes,.animate-float,.typing-animation{animation:none!important}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.error-content{text-align:center;max-width:500px}.error-icon{font-size:4rem;color:var(--error-color);margin-bottom:2rem}.error-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.error-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #8b5cf64d}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf666}@media (max-width: 768px){.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px;font-size:1rem}}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{min-width:280px}.about-main{grid-template-columns:1fr;gap:2rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.preview-content{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.container{padding:0 1rem}.projects-content,.about-content,.skills-content{padding:0 .5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{min-width:auto;width:100%}.project-content{min-height:auto;padding:1.5rem}.achievements-grid{grid-template-columns:1fr;gap:1rem}.quick-nav-grid,.skills-grid,.certifications-grid{grid-template-columns:1fr;gap:1.5rem}.summary-stats,.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.experience-timeline{padding-left:1rem}.experience-item{margin-left:.5rem;padding:1.5rem}.experience-item:before{left:-22px}.experience-timeline:before{left:15px}}@media (max-width: 480px){.hero-text{padding-right:0}.profile-card{max-width:100%;margin:0 auto}.project-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:200px}.summary-stats,.stats-grid{grid-template-columns:1fr}.profile-stats{flex-direction:column;gap:1rem}.skill-badges{flex-direction:column;align-items:center}}.text-section,.experience-content,.project-content,.cert-content{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.text-section p,.experience-content p,.project-content p,.cert-content p{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4,h5,h6{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}a{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.container{padding:2rem 1rem;overflow:visible}.hero-section,.about-preview-section,.quick-nav-section,.skills,.projects,.about{padding-top:6rem;padding-bottom:6rem}*{box-sizing:border-box}.card,.achievement-card,.skill-category,.project-card,.certification-card,.experience-item,.nav-card,.info-card,.stat-card,.profile-card{position:relative;z-index:1}.card:hover,.achievement-card:hover,.skill-category:hover,.project-card:hover,.certification-card:hover,.experience-item:hover,.nav-card:hover,.info-card:hover,.stat-card:hover{z-index:10;position:relative}.profile-card .social-links{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;padding:0}.profile-card .social-link{width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;text-decoration:none;font-size:1rem;position:relative;overflow:visible}.profile-card .social-link i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}/ * COMPREHENSIVE CARD HOVER FIX */ *{box-sizing:border-box}.container,.about-content,.skills-content,.projects-content,.home-content,.contact-content,.achievements-grid,.skills-grid,.projects-grid,.certifications-grid,.stats-grid,.summary-stats,.quick-nav-grid,.experience-timeline,.experience-section,.about-main,.about-text,.about-visual,.hero-content,.preview-content,.tech-showcase,section,main,div[class*=grid],div[class*=content],div[class*=section]{overflow:visible!important;padding-top:2rem!important;padding-bottom:2rem!important}.card,.achievement-card,.skill-category,.project-card,.certification-card,.experience-item,.nav-card,.info-card,.stat-card,.profile-card{overflow:visible!important;position:relative;z-index:1;margin:1rem 0}.card:hover,.achievement-card:hover,.skill-category:hover,.project-card:hover,.certification-card:hover,.experience-item:hover,.nav-card:hover,.info-card:hover,.stat-card:hover{z-index:100!important;position:relative;overflow:visible!important}.home,.about,.skills,.projects,.contact{overflow-x:hidden;overflow-y:visible!important;padding-top:6rem;padding-bottom:6rem}.achievements-grid,.projects-grid,.skills-grid{gap:2rem!important;padding:2rem 0!important}.quick-nav-grid{gap:3rem!important;padding:2rem!important}.experience-timeline{padding-bottom:4rem!important;overflow:visible!important}.experience-item{margin-bottom:2rem!important;overflow:visible!important}