@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--light-primary-color: #2563eb;--light-secondary-color: #1d4ed8;--light-accent-color: #3b82f6;--light-background-color: #fafbfc;--light-surface-color: #ffffff;--light-text-primary: #111827;--light-text-secondary: #374151;--light-text-light: #6b7280;--light-gradient-start: #3b82f6;--light-gradient-end: #1d4ed8;--light-card-shadow: 0 4px 20px rgba(59, 130, 246, .08);--light-hover-shadow: 0 10px 30px rgba(59, 130, 246, .15);--light-card-border: rgba(229, 231, 235, .8);--light-nav-bg: rgba(255, 255, 255, .95);--dark-primary-color: #60a5fa;--dark-secondary-color: #3b82f6;--dark-accent-color: #60a5fa;--dark-background-color: #111827;--dark-surface-color: #1f2937;--dark-text-primary: #f3f4f6;--dark-text-secondary: #d1d5db;--dark-text-light: #9ca3af;--dark-gradient-start: #3b82f6;--dark-gradient-end: #1d4ed8;--dark-card-shadow: 0 4px 20px rgba(0, 0, 0, .2);--dark-hover-shadow: 0 10px 30px rgba(0, 0, 0, .3);--dark-card-border: rgba(55, 65, 81, .8);--dark-nav-bg: rgba(31, 41, 55, .9);--nav-blur: blur(20px);--theme-transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--primary-color: var(--dark-primary-color);--secondary-color: var(--dark-secondary-color);--accent-color: var(--dark-accent-color);--background-color: var(--dark-background-color);--surface-color: var(--dark-surface-color);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-light: var(--dark-text-light);--gradient-start: var(--dark-gradient-start);--gradient-end: var(--dark-gradient-end);--card-shadow: var(--dark-card-shadow);--hover-shadow: var(--dark-hover-shadow);--card-border: var(--dark-card-border);--nav-bg: var(--dark-nav-bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.nav-bar,.nav-links,.nav-link,.hamburger,.theme-toggle,.brand-name,.brand-tagline,.mobile-controls,.hamburger-icon,.close-button,button:not(.contact-form button),.contact-icon,.social-button,.cert-item img,.logo,[role=button],.interactive-element{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}p,span:not(.contact-badge):not(.nav-link):not(.brand-tagline),.professional-summary,.experience-item p,.experience-item .description,.experience-item li,.project-item p,.project-item .description,.project-item li,.skill-category,.skill-category p,.skill-item,.contact-info,.contact-text,.contact-text h3,.contact-text p,.degree-card,.degree-card p,.degree-card .description,.degree-card h3,.modal-content p,.modal-content h3,.modal-content .description,.certificate-description,.availability-notice,.verification-message,.cert-item h3,.cert-item p,.certificate-card .card-title,.certificate-card .card-description,.form-label,.contact-form input,.contact-form textarea,.contact-form button,.section-header h2,.section-header p,h1:not(.brand-name),h2:not(.nav-link),h3:not(.nav-link),h4,h5,h6,.text-content,.description,.summary{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input,textarea,select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.cert-item img,.profile-image,.background-decoration,.loading-spinner,.icon-decoration{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.professional-summary{max-width:min(800px,90%);margin:1.5rem auto;font-size:clamp(1rem,2.5vw,1.1rem);color:var(--text-secondary);line-height:1.8;padding:0 1rem}.contact-badges{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-badge{padding:.6rem 1.2rem;background:var(--surface-color);border:1px solid var(--card-border);border-radius:25px;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.6rem;transition:all .3s ease;box-shadow:var(--card-shadow)}.contact-badge:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.contact-badge i{color:var(--primary-color);font-size:1rem}.experience-grid,.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.experience-item,.project-item{background:var(--surface-color);padding:2rem;border-radius:16px;box-shadow:var(--card-shadow);border:2px solid var(--card-border);transition:all .3s ease;position:relative;overflow:hidden}.experience-item:before,.project-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.education h2,.certificates h2,.experience h2,.projects h2,.skills h2,.contact .section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media (max-width: 768px){.education h2,.certificates h2,.experience h2,.projects h2,.skills h2,.contact .section-title{font-size:2rem;margin-bottom:2rem}}@media (max-width: 480px){.education h2,.certificates h2,.experience h2,.projects h2,.skills h2,.contact .section-title{font-size:1.8rem;margin-bottom:1.5rem}}.experience-item:hover,.project-item:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.experience-item h3,.project-item h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.4rem}.company{color:var(--accent-color);font-weight:500;margin-bottom:1rem}.experience-item ul,.project-item ul{list-style-type:none;padding-left:0;margin:1rem 0}.experience-item li,.project-item li{margin:.75rem 0;padding-left:1.8rem;position:relative;line-height:1.6;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word}.experience-item li:before,.project-item li:before{content:"▸";color:var(--accent-color);font-weight:700;position:absolute;left:0;top:0;font-size:1.1rem;line-height:1.6;width:1.5rem;text-align:left;flex-shrink:0}.experience-item li:hover:before,.project-item li:hover:before{color:var(--primary-color);transform:translate(3px);transition:all .2s ease}@media (max-width: 768px){.experience-item li,.project-item li{padding-left:2rem;margin:.5rem 0;font-size:.95rem}.experience-item li:before,.project-item li:before{font-size:1rem;width:1.8rem;top:.1rem}}@media (max-width: 480px){.experience-item li,.project-item li{padding-left:1.5rem;font-size:.9rem}.experience-item li:before,.project-item li:before{font-size:.9rem;width:1.3rem}}.project-details h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1.1rem}.project-highlight{color:var(--accent-color);font-weight:600;margin-bottom:1rem;font-size:.9rem}.project-highlight{color:var(--accent-color);font-weight:600;margin:.5rem 0;padding:.5rem 1rem;background:rgba(66,153,225,.1);border-radius:20px;display:inline-block}.project-content{margin-top:1rem}.project-details{margin:1.5rem 0}.tech-stack{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.tech-stack span{padding:.4rem 1rem;background:var(--background-color);border:1px solid var(--card-border);border-radius:20px;font-size:.9rem;color:var(--primary-color);font-weight:500;transition:all .3s ease}.tech-stack span:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.featured-project{background:linear-gradient(135deg,var(--surface-color) 0%,rgba(59,130,246,.02) 100%)}.project-header{margin-bottom:1.5rem}.project-title-section{display:flex;flex-direction:column;gap:1rem}.project-title-section h3{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.award-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #fbbf244d;align-self:flex-start}.award-badge i{font-size:.9rem}.project-impact{display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-wrap:wrap}.impact-metric{background:var(--accent-color);color:#fff;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1.2}.project-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.project-cta-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--card-border)}.cta-hook{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:rgba(59,130,246,.05);border-radius:12px;border-left:4px solid var(--primary-color)}.cta-hook i{color:var(--primary-color);font-size:1.2rem}.cta-hook span{color:var(--text-secondary);font-weight:500;font-style:italic}.project-links{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.project-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--primary-color);position:relative;overflow:hidden}.project-link.primary-cta{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:2px solid transparent;box-shadow:0 4px 15px #3b82f64d;transform:scale(1)}.project-link.primary-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.project-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #3b82f666}.project-link.primary-cta:hover:before{left:100%}.project-link.secondary-cta{background:var(--surface-color);color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 4px 15px #3b82f61a}.project-link.secondary-cta:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #3b82f64d}.project-link.secondary-cta:hover i{color:#fff}.project-link:hover .cta-arrow{transform:translate(5px)}.project-link i{font-size:1rem;transition:transform .3s ease}.cta-arrow{transition:transform .3s ease}.pulse-once{animation:pulseOnce 2s ease-in-out 1s}@keyframes pulseOnce{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 8px 25px #3b82f680}to{transform:scale(1)}}.project-link:active{transform:translateY(-1px) scale(.98)}.featured-project:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f626}.featured-project:hover .project-title-section h3{transform:scale(1.02)}.project-link:focus{outline:3px solid var(--accent-color);outline-offset:2px}.project-link:focus:not(:focus-visible){outline:none}@media (max-width: 768px){.project-title-section h3{font-size:1.6rem}.award-badge{font-size:.8rem;padding:.4rem .8rem}.impact-metric{font-size:.75rem;padding:.25rem .6rem}.project-link{padding:.9rem 1.5rem;font-size:.95rem}.project-links{justify-content:center}.cta-hook{flex-direction:column;text-align:center;gap:.5rem}}@media (max-width: 480px){.project-impact{gap:.5rem}.impact-metric{font-size:.7rem;padding:.2rem .5rem}}.App{min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%)}html{scroll-behavior:smooth}@media (max-width: 768px){body{font-size:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}.nav-bar{background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);position:sticky;top:0;z-index:1000;box-shadow:var(--card-shadow);border-bottom:1px solid var(--card-border);color:var(--text-primary);transition:var(--theme-transition)}.nav-content{max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem;width:100%;box-sizing:border-box}.nav-brand{display:flex;align-items:center;gap:.5rem}.brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;line-height:1.2}.tech-badge{padding:.3rem .8rem;background:var(--primary-color);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;animation:slideInLeft 1s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-brand{display:flex;flex-direction:column;align-items:flex-start}.brand-link{text-decoration:none;color:inherit;transition:transform .3s ease}.brand-link:hover{transform:translateY(-1px)}.brand-name{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.brand-tagline{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem;opacity:.8}.nav-links{display:flex;flex-direction:column;gap:1.5rem}.nav-section{display:flex;flex-direction:column;gap:1rem}.nav-section.primary-nav,.nav-section.secondary-nav{border-bottom:1px solid var(--card-border);padding-bottom:1rem}.nav-section.utility-nav{padding-top:.5rem;gap:.75rem}.nav-link{display:flex;align-items:center;gap:.75rem;color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,153,225,.1),transparent);transition:left .6s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--primary-color);background:var(--card-bg);border-color:var(--primary-color);transform:translate(4px)}.nav-link i{font-size:1rem;min-width:1.2rem;text-align:center}.primary-link{font-weight:600;font-size:1rem}.primary-link:hover{background:linear-gradient(135deg,var(--primary-color)15,var(--primary-color)25);color:var(--primary-color)}.secondary-link{font-weight:500;font-size:.95rem;opacity:.9}.secondary-link:hover{opacity:1}.nav-utility-btn{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);padding:.5rem 1rem;border-radius:80 px;cursor:pointer;transition:all .3s ease;font-weight:100;font-size:.9rem}.nav-utility-btn:hover{background:var(--primary-color);color:var(--card-bg);border-color:var(--primary-color);transform:translateY(-1px)}.utility-label{font-size:.85rem}.nav-cta-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.nav-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;filter:brightness(1.05)}.hamburger-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}@media (min-width: 769px) and (max-width: 1024px){.nav-brand{flex-direction:column;align-items:flex-start;gap:.2rem}.brand-name{font-size:1.4rem;line-height:1.1}.brand-tagline{font-size:.7rem;margin-top:.1rem;white-space:nowrap}}@media (min-width: 1025px){.nav-brand{flex-direction:row;align-items:center;gap:1rem}.brand-name{font-size:1.8rem}.brand-tagline{font-size:.8rem;margin-top:0;margin-left:.5rem}}@media (min-width: 769px){.mobile-controls{display:none}.nav-links{display:flex!important;position:static!important;width:auto!important;height:auto!important;background:transparent!important;padding:0!important;box-shadow:none!important;flex-direction:row!important;gap:1.5rem!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;z-index:auto!important;overflow-y:visible!important;border-left:none!important}.nav-section{flex-direction:row;gap:1rem;border-bottom:none!important;padding-bottom:0!important}.nav-section.primary-nav{gap:1.2rem}.nav-section.secondary-nav{gap:1rem}.nav-section.utility-nav{gap:.8rem;padding-top:0}.nav-link{padding:.5rem 0;border-radius:4px;font-size:.95rem}.nav-link:hover{transform:translateY(-1px);background:transparent}.primary-link{font-weight:600}.secondary-link{font-weight:500}.nav-utility-btn{padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.nav-cta-btn{padding:.6rem 1.2rem;border-radius:20px;font-size:.85rem}.utility-label{display:none}.nav-overlay,.hamburger{display:none!important}.nav-link i{display:none}.nav-utility-btn i,.nav-cta-btn i{display:block}}@media (min-width: 1025px){.nav-links{gap:2rem!important}.nav-section.primary-nav{gap:2rem}.nav-section.secondary-nav{gap:1.5rem}.nav-section.utility-nav{gap:1rem}}.header-content{max-width:1000px;margin:0 auto;padding:8rem 2rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(66,153,225,.08) 0%,rgba(255,255,255,0) 70%)}.header-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);opacity:.03;z-index:-1}.header-content h1{font-size:3.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.header-content h2{font-size:1.75rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:500}.cv-link{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:transform .3s,box-shadow .3s}.cv-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1565c04d}.certificates,.skills,.contact,.education,.experience,.projects{max-width:1200px;margin:4rem auto;padding:0 2rem}.education-content{margin-top:2rem}.degree-card{background:var(--surface-color);border-radius:16px;padding:2rem;box-shadow:var(--card-shadow);margin-bottom:2rem;border:2px solid var(--card-border);transition:all .3s ease;position:relative;overflow:hidden}.degree-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.degree-card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.education-highlights{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.highlight-badge{padding:.4rem 1rem;background:rgba(66,153,225,.1);color:var(--primary-color);border-radius:20px;font-size:.9rem;font-weight:500}.floating-badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:left;margin-top:2rem}.tech-badge{padding:.6rem 1.5rem;background:var(--surface-color);color:var(--primary-color);border:1px solid var(--card-border);border-radius:25px;font-size:.95rem;font-weight:500;animation:badgePulse 10s ease-in-out infinite;transform-origin:center;transition:all 4s ease;box-shadow:var(--card-shadow)}.tech-badge:hover{transform:scale(1.05);box-shadow:var(--hover-shadow);color:var(--accent-color)}.tech-badge:nth-child(1){animation-delay:3s}.tech-badge:nth-child(2){animation-delay:.9s}.tech-badge:nth-child(3){animation-delay:1.5s}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}5%{transform:scale(1.08);opacity:.95}10%{transform:scale(1);opacity:1}15%{transform:scale(1.05);opacity:.98}20%{transform:scale(1);opacity:1}85%{transform:scale(1);opacity:1}90%{transform:scale(.95);opacity:.8}95%{transform:scale(1);opacity:1}}.key-courses{margin-top:1.5rem}.course-tags{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.course-tags span{padding:.5rem 1.2rem;background:var(--background-color);border-radius:20px;font-size:.95rem;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.course-tags span:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.degree-card h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem}.university-details{margin-bottom:1.5rem;color:var(--text-color)}.university-name{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.graduation-year{color:var(--secondary-color);font-weight:500}.degree-details{margin:1.5rem 0}.degree-details h4{color:var(--secondary-color);margin-bottom:.5rem}.degree-details ul{list-style-type:none;padding-left:0}.degree-details li{margin:.5rem 0;padding-left:1.5rem;position:relative}.degree-details li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.academic-performance{background:var(--background-color);padding:1.5rem;border-radius:10px;margin:1.5rem 0}.academic-performance h4{color:var(--primary-color);margin-bottom:1rem}.academic-performance p{margin:.5rem 0;color:var(--text-color)}.transcript-section{margin-top:2rem;text-align:center}.transcript-btn{display:inline-block;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:transform .3s,box-shadow .3s}.transcript-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1565c04d}.transcript-note{margin-top:1rem;color:#666;font-size:.9rem;font-style:italic}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem;padding:1rem}.cert-item{background:var(--surface-color);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid var(--card-border);position:relative;padding-bottom:.5rem}.cert-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:.7}.cert-item:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.cert-image-container{height:220px;overflow:hidden;position:relative}.cert-image-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,var(--surface-color),transparent);z-index:1}.cert-image-container{margin:0}.cert-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.cert-item:hover img{transform:scale(1.05)}.cert-content{padding:1.5rem 2.5rem 2rem}.cert-text-content{padding:1.5rem 2rem}.cert-category{display:inline-block;padding:.5rem 1.2rem;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1.2rem;box-shadow:0 2px 8px #0000001a;letter-spacing:.5px;transition:all .3s ease}.cert-category:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cert-text-content h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.4rem;font-weight:600;transition:color .3s ease}.cert-item:hover .cert-text-content h3{color:var(--accent-color)}.cert-text-content p{margin:0 0 .5rem;color:var(--text-secondary);line-height:1.7;font-size:1rem;font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem;padding:1rem}.skill-category{background:var(--surface-color);padding:2.5rem;border-radius:16px;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--card-border);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));opacity:.7}.skill-category:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.skill-category h3{color:var(--primary-color);margin-top:0}.skill-category ul{list-style-type:none;padding:0;margin:1rem 0}.skill-category li{margin:.75rem 0;padding-left:1.5rem;position:relative;line-height:1.6;color:var(--text-secondary);font-weight:500}.skill-category li:before{content:"●";color:var(--accent-color);position:absolute;left:0;font-size:1.1rem;font-weight:700}.skill-category li:hover:before{color:var(--primary-color);transform:scale(1.2);transition:all .2s ease}.contact-content{background:var(--surface-color);padding:2rem;border-radius:15px;box-shadow:var(--card-shadow);text-align:center;color:var(--text-primary)}.contact-info a{color:var(--primary-color);text-decoration:none;transition:all .3s ease;padding:.2rem .5rem;border-radius:4px;display:inline-block}.contact-info a:hover{color:var(--accent-color);background:var(--surface-color);transform:translateY(-1px)}.contact{padding:4rem 2rem;background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%);width:100%;overflow-x:hidden;box-sizing:border-box}.contact-container{max-width:1200px;margin:0 auto;width:100%;overflow-x:hidden;box-sizing:border-box;padding:0 1rem}.contact-content{overflow-x:hidden;max-width:100%;box-sizing:border-box}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.title-underline{width:80px;height:4px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));margin:0 auto;border-radius:2px;position:relative}.title-underline:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:2px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:.3;border-radius:1px}.contact-content{display:grid;grid-template-columns:35% 65%;gap:2rem;align-items:start;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:1.5rem}}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-form{background:var(--surface-color);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .3s ease}.form-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;font-weight:500;animation:slideInDown .3s ease-out}.form-status.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#16a34a}.form-status.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.form-status i{font-size:1.1rem;flex-shrink:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:flex;gap:1rem;width:100%}.half-width{flex:1}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-details{display:flex;flex-direction:column;gap:1.25rem}.contact-details .contact-item{min-height:60px;width:100%;box-sizing:border-box}.contact-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;justify-content:flex-start!important;text-align:left!important}.contact-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.04),transparent);transition:left .6s ease}.contact-item:hover:before{left:100%}.contact-item:hover{transform:translateY(-3px);box-shadow:var(--hover-shadow);border-color:var(--primary-color)}.contact-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.contact-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease}.contact-item:hover .contact-icon{transform:scale(1.05);box-shadow:0 4px 16px #3b82f64d}.contact-item:hover .contact-icon:before{transform:translate(100%)}.contact-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-text h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.contact-text a,.contact-text span{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease;line-height:1.3;text-align:left;display:block;margin:0;padding:0}.contact-text a:hover{color:var(--primary-color)}.social-links{margin-top:.5rem}.social-links h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;text-align:center;position:relative;padding-bottom:.5rem}.social-links h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:1px}.social-buttons{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;flex-shrink:0}.social-button{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.social-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease}.social-button:hover:before{transform:translate(100%)}.social-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--hover-shadow)}.social-button.linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc)}.social-button.linkedin:hover{box-shadow:0 8px 25px #0077b566}.social-button.github{background:linear-gradient(135deg,#333,#24292e)}.social-button.github:hover{box-shadow:0 8px 25px #3336}.social-button.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-button.twitter:hover{box-shadow:0 8px 25px #1da1f266}.social-button.email{background:linear-gradient(135deg,#ea4335,#db3e2f)}.contact-item:focus-within,.social-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.contact-icon i,.social-button i{transition:all .3s ease}.contact-item:hover .contact-icon i,.social-button:hover i{transform:scale(1.1)}.social-button.email:hover{box-shadow:0 8px 25px #ea433566}.contact-form{background:var(--surface-color);padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .3s ease}.contact-form:hover{box-shadow:var(--hover-shadow)}.contact-form-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.form-row{display:flex;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem;display:block;width:100%;text-align:left}.form-group input,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--card-border);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light);opacity:.8}.form-group textarea{min-height:120px;font-family:inherit;line-height:1.5}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;margin-top:1rem}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.submit-button:active{transform:translateY(0)}.submit-button i{font-size:.9rem}.form-group input:disabled,.form-group textarea:disabled{background:var(--surface-color);opacity:.6;cursor:not-allowed}.submit-button:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.submit-button:disabled:hover{transform:none;box-shadow:none}.submit-button:disabled:before{display:none}.fa-spinner.fa-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode .form-status.success{background:rgba(34,197,94,.15);border-color:#22c55e66;color:#4ade80}.dark-mode .form-status.error{background:rgba(239,68,68,.15);border-color:#ef444466;color:#f87171}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-details{gap:1rem}.contact-item{padding:1rem 1.25rem;gap:.75rem}.contact-icon{width:36px;height:36px;font-size:.9rem}.social-button{width:44px;height:44px;font-size:1rem}.contact-form{padding:1.5rem}}@media (max-width: 768px){.contact{padding:3rem 1rem}.section-header{margin-bottom:2rem}.contact-content{grid-template-columns:1fr!important;gap:1.5rem;max-width:100%;margin:0 auto;padding:0}.contact-info{gap:1.5rem;width:100%;max-width:100%;margin:0 auto;padding:0;box-sizing:border-box}.contact-details{gap:.75rem;width:100%;max-width:100%;margin:0 auto;padding:0}.contact-item{padding:.75rem 1rem;gap:.5rem;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;justify-content:flex-start!important;text-align:left!important}.contact-icon{width:34px;height:34px;font-size:.85rem;flex-shrink:0}.contact-text{flex:1;min-width:0;text-align:left}.contact-text h3{font-size:.95rem;margin:0 0 .25rem}.contact-text a,.contact-text span{font-size:.85rem;word-break:break-word}.social-links h3{font-size:1rem;margin-bottom:.75rem;text-align:center}.social-buttons{gap:.75rem;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}.social-button{width:42px;height:42px;font-size:.95rem}.contact-form{padding:1.25rem;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.contact-form-container{width:100%;max-width:100%}.form-row{flex-direction:column;gap:1rem}.half-width{width:100%;max-width:100%}.form-group{width:100%;max-width:100%;margin-bottom:1rem}.form-group input,.form-group textarea{padding:.625rem;width:100%;max-width:100%;box-sizing:border-box}.submit-button{padding:.75rem 1.25rem;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.contact{padding:2rem .5rem}.contact-container{padding:0 1rem;max-width:100%;margin:0 auto}.contact-content{max-width:100%;padding:0;margin:0 auto}.contact-info{gap:1.5rem;max-width:100%;margin:0 auto;padding:0}.contact-details{gap:.875rem;max-width:100%;margin:0 auto;padding:0}.contact-item{padding:1rem;gap:.625rem;max-width:100%;margin:0 auto;box-sizing:border-box;justify-content:flex-start!important;text-align:left!important}.contact-icon{width:34px;height:34px;font-size:.85rem;flex-shrink:0}.contact-text{flex:1;min-width:0;text-align:left}.contact-form{max-width:100%;margin:0 auto;padding:1rem;box-sizing:border-box}.form-row{flex-direction:column}.half-width,.form-group{width:100%;max-width:100%}.form-group input,.form-group textarea,.submit-button{width:100%;max-width:100%;box-sizing:border-box}.contact-text h3{font-size:.95rem}.contact-text a,.contact-text span{font-size:.85rem}.social-links h3{font-size:1rem;margin-bottom:.875rem}.social-buttons{gap:.75rem}.social-button{width:42px;height:42px;font-size:.95rem}.contact-form{padding:1.25rem}.form-group input,.form-group textarea{font-size:.9rem;padding:.625rem}.submit-button{padding:.75rem 1.25rem;font-size:.9rem}}@media (max-width: 360px){.contact{padding:1.5rem .25rem}.contact-container{padding:0 .5rem}.contact-content{gap:1rem;padding:0}.contact-info,.contact-details{gap:1rem}.contact-item{padding:.75rem;gap:.5rem;margin:0;width:100%;max-width:100%;box-sizing:border-box}.contact-text a,.contact-text span{font-size:.8rem;word-break:break-all}.contact-form{padding:.75rem}.form-group input,.form-group textarea{padding:.5rem;font-size:.9rem}.submit-button{padding:.625rem 1rem;font-size:.9rem}.social-buttons{gap:.5rem;justify-content:center}.social-button{width:38px;height:38px;font-size:.85rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,32,44,.85);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .3s ease-out;overscroll-behavior:contain}.modal-content{background:var(--surface-color);padding:2rem;border-radius:20px;max-width:600px;max-height:90vh;overflow:hidden;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--text-primary);display:flex;flex-direction:column}.modal-content img{max-width:100%;max-height:50vh;object-fit:contain;border-radius:12px;margin-bottom:1rem;flex-shrink:0}.modal-content h3{margin:.5rem 0;color:var(--primary-color);font-size:1.2rem;flex-shrink:0}.modal-content p{margin:.5rem 0 1rem;color:var(--text-secondary);line-height:1.4;font-size:.9rem;flex-shrink:0}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#2563eb;font-weight:700;transition:all .3s ease;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#2563eb;color:#fff;transform:scale(1.1)}.availability-notice{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface-color);border-left:4px solid var(--accent-color);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.availability-notice i{color:var(--accent-color);font-size:1rem}.email-verification,.certificate-request{margin-bottom:1rem}.email-button,.request-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;text-decoration:none}.email-button:hover,.request-button:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.email-button i,.request-button i{font-size:1rem}.certificate-image-container{margin-bottom:1.5rem}.certificate-blurred{filter:blur(3px);opacity:.7;transition:filter .3s ease,opacity .3s ease}.verification-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.verify-button,.email-button,.request-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease;text-align:center;width:100%;box-sizing:border-box;font-size:.9rem}.verify-button:hover,.email-button:hover,.request-button:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.modal-content{padding:1.5rem;margin:1rem;max-width:calc(100% - 2rem)}.availability-notice{padding:.6rem .8rem;font-size:.85rem}.email-button,.request-button{padding:.8rem 1rem;font-size:.85rem}.close-button{width:35px;height:35px;font-size:1.5rem}}footer{text-align:center;padding:2rem;background:var(--surface-color);color:var(--text-primary);border-top:1px solid var(--card-border)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cert-item,.skill-category{animation:slideUp .5s ease-out}.cert-grid .cert-item:nth-child(1){animation-delay:.1s}.cert-grid .cert-item:nth-child(2){animation-delay:.2s}.cert-grid .cert-item:nth-child(3){animation-delay:.3s}.cert-grid .cert-item:nth-child(4){animation-delay:.4s}.cert-grid .cert-item:nth-child(5){animation-delay:.5s}.cert-grid .cert-item:nth-child(6){animation-delay:.6s}.light-mode{--primary-color: var(--light-primary-color);--secondary-color: var(--light-secondary-color);--accent-color: var(--light-accent-color);--background-color: var(--light-background-color);--surface-color: var(--light-surface-color);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-light: var(--light-text-light);--gradient-start: var(--light-gradient-start);--gradient-end: var(--light-gradient-end);--card-shadow: var(--light-card-shadow);--hover-shadow: var(--light-hover-shadow);--card-border: var(--light-card-border);--nav-bg: var(--light-nav-bg)}.dark-mode{--primary-color: var(--dark-primary-color);--secondary-color: var(--dark-secondary-color);--accent-color: var(--dark-accent-color);--background-color: var(--dark-background-color);--surface-color: var(--dark-surface-color);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-light: var(--dark-text-light);--gradient-start: var(--dark-gradient-start);--gradient-end: var(--dark-gradient-end);--card-shadow: var(--dark-card-shadow);--hover-shadow: var(--dark-hover-shadow);--card-border: var(--dark-card-border);--nav-bg: var(--dark-nav-bg)}.theme-transitioning{transition:var(--theme-transition)!important}.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:var(--theme-transition)!important}.theme-toggle{background:var(--surface-color);border:2px solid var(--card-border);color:var(--text-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--card-shadow);z-index:1000;transition:var(--theme-transition);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(66,153,225,.3);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.theme-toggle:hover:before{width:100%;height:100%}.theme-toggle:active{transform:scale(.95)}@media (min-width: 769px){.nav-links .theme-toggle{position:static;margin-top:0;background:transparent;border:2px solid var(--card-border);border-radius:50%;width:40px;height:40px}}@media (max-width: 1024px) and (min-width: 769px){.nav-brand{flex-direction:column;align-items:flex-start;gap:.1rem}.brand-name{font-size:1.3rem;line-height:1.1}.brand-tagline{font-size:.65rem;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}}@media (max-width: 768px){.nav-content{padding:1rem;display:flex;justify-content:center;align-items:center;width:100%;position:relative}.nav-brand{flex-direction:column;align-items:flex-start;flex:0 0 auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}.brand-name{font-size:1.3rem;line-height:1.1;margin:0}.brand-tagline{font-size:.7rem;margin-top:.25rem;margin-bottom:0}.mobile-controls{display:flex;align-items:center;gap:.25rem;flex:0 0 auto;margin-left:auto;justify-content:flex-end}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.nav-links{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:calc(60px + .5rem) 1rem 1rem 1rem;box-shadow:-5px 0 20px #0000001a;transition:right .3s ease;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-left:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem}.nav-links.open{right:0}.nav-section{margin-bottom:1rem;flex-shrink:0}.nav-section.primary-nav,.nav-section.secondary-nav{border-bottom:1px solid var(--card-border);padding-bottom:1rem;flex:0 0 auto}.nav-section.utility-nav{padding-top:.5rem;flex:0 0 auto;margin-top:auto}.nav-link{padding:.75rem .9rem;margin-bottom:.25rem;font-size:1rem;border-radius:10px;background:var(--surface-color);border:1px solid var(--card-border);flex-shrink:0;min-height:44px}.nav-link:hover{transform:translate(4px);background:var(--card-bg);border-color:var(--primary-color)}.primary-link{font-weight:600;font-size:1.05rem}.secondary-link{font-weight:500;opacity:.9}.nav-utility-btn{width:100%;padding:.75rem .9rem;margin-bottom:.5rem;justify-content:flex-start;background:var(--card-bg);border:1px solid var(--card-border);font-size:1rem;border-radius:10px;min-height:44px}.nav-utility-btn:hover{background:var(--primary-color);color:var(--card-bg)}.nav-cta-btn{width:100%;padding:.8rem 1.2rem;justify-content:center;font-size:.95rem;margin-top:.3rem}.utility-label{display:block;font-size:.9rem;color:var(--text-primary);margin-left:.5rem;font-weight:500}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;border:2px solid var(--card-border);background:var(--surface-color);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:1001}.hamburger:hover{background:rgba(66,153,225,.1);border-color:var(--card-border);transform:translateY(-1px)}.hamburger:hover .hamburger-icon i{color:var(--text-primary);transform:scale(1.1)}.hamburger:focus{outline:none;background:var(--surface-color);border-color:var(--card-border)}.hamburger:active{transform:scale(.95);background:var(--surface-color);border-color:var(--card-border)}.hamburger:not(:hover):not(:active){background:var(--surface-color);border-color:var(--card-border);transform:none}.hamburger:not(:hover):not(:active) .hamburger-icon i{color:var(--text-primary);transform:none}.hamburger-icon{font-size:1.2rem;color:var(--text-primary);transition:all .3s ease}}@media (max-width: 480px){.nav-links{width:280px;padding:1rem .8rem}.nav-section{margin-bottom:.8rem}.nav-section.primary-nav,.nav-section.secondary-nav{padding-bottom:.8rem}.nav-link{padding:.5rem .7rem;margin-bottom:.25rem;font-size:.9rem}.nav-utility-btn{padding:.5rem .7rem;margin-bottom:.4rem;font-size:.85rem}.nav-cta-btn{padding:.7rem 1rem;font-size:.9rem}}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--hover-shadow);border-color:var(--primary-color)}.theme-toggle:focus{outline:none;box-shadow:var(--hover-shadow),0 0 0 3px #4299e14d}.theme-toggle i{font-size:1.2rem;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.theme-toggle:hover i{transform:rotate(180deg);color:var(--primary-color)}.theme-toggle .fa-sun{animation:sunRotate 2s linear infinite}.theme-toggle .fa-moon{animation:moonGlow 2s ease-in-out infinite alternate}@keyframes sunRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moonGlow{0%{opacity:.8}to{opacity:1}}body,.nav-bar,.cert-item,.experience-item,.project-item,.degree-card,.skill-category,.contact-content,.modal-content,.nav-links,.hamburger,.profile-section,.contact-badge,.tech-stack span,.cv-link,.social-link{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}button,a,.theme-toggle{transition:all .2s cubic-bezier(.4,0,.2,1)}.preload *{transition:none!important}@media (prefers-contrast: high){:root{--light-card-border: rgba(0, 0, 0, .5);--dark-card-border: rgba(255, 255, 255, .5);--light-card-shadow: 0 4px 20px rgba(0, 0, 0, .2);--dark-card-shadow: 0 4px 20px rgba(255, 255, 255, .1)}.theme-toggle{border-width:3px}.nav-links a{font-weight:600}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media (prefers-color-scheme: light){:root{color-scheme:light}}.theme-toggle:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.light-mode .professional-summary,.light-mode .experience-item p,.light-mode .project-item p,.light-mode .cert-item p{color:#2d3748}.dark-mode .professional-summary,.dark-mode .experience-item p,.dark-mode .project-item p,.dark-mode .cert-item p{color:#e2e8f0}@media (max-width: 768px){.nav-links{display:none;position:fixed;top:600px;right:-100%;width:320px;max-width:85vw;height:calc(100vh - 60px);background:var(--surface-color);padding:1.5rem;box-shadow:var(--card-shadow);flex-direction:column;gap:1rem;border-radius:15px 0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:right .3s ease;z-index:999;overflow-y:auto;border-left:1px solid var(--card-border)}.nav-links.open{display:flex;right:0}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:998;display:none}.nav-overlay.open{display:block}.hamburger{display:block;font-size:1.5rem;padding:.5rem}.header-content{padding:4rem 1rem}.header-content h1{font-size:2rem;line-height:1.2}.header-content h2{font-size:1.25rem}.cert-grid,.skills-grid{grid-template-columns:1fr;gap:1.5rem;padding:.5rem}.experience-grid,.project-grid{grid-template-columns:1fr}.certificates,.skills,.contact,.education,.experience,.projects{padding:0 1rem;margin:2rem auto}.contact-badges{padding:0 1rem;flex-direction:column;align-items:center}.contact-badge{min-width:200px;justify-content:center}.degree-card{padding:1.5rem}.course-tags{gap:.5rem}.course-tags span{padding:.4rem .8rem;font-size:.85rem}.profile-actions{flex-direction:column;align-items:center;gap:1rem}.social-links{justify-content:center}.social-link{width:48px;height:48px;font-size:1.2rem}.cv-link{padding:1rem 2rem;font-size:1rem;min-width:200px;text-align:center;justify-content:center}.nav-links a{padding:.75rem 1rem;border-radius:8px;transition:all .3s ease}.nav-links a:hover{background:rgba(66,153,225,.1)}.modal-content{padding:1rem;margin:.5rem;max-width:calc(100% - 1rem);max-height:95vh}.modal-content img{max-height:50vh}.modal-content h3{font-size:1.1rem;margin:.3rem 0}.modal-content p{font-size:.85rem;margin:.3rem 0 .5rem}.close-button{font-size:1.8rem;padding:.5rem}.verification-actions{margin-top:.5rem;gap:.5rem}.verify-button,.email-button,.request-button{padding:.8rem;font-size:.85rem}.cert-item{min-height:200px;cursor:pointer}.cert-text-content{padding:1.2rem 1.5rem}.cert-text-content h3{font-size:1.2rem;margin-bottom:.8rem}.cert-text-content p{font-size:.95rem}.experience-item,.project-item{padding:1.5rem}.experience-item h3,.project-item h3{font-size:1.2rem}.skill-category{padding:1.5rem}.skill-category h3{font-size:1.3rem}.skill-category li{padding:.3rem 0}}.hamburger{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-primary);min-width:44px;min-height:44px;border-radius:8px;transition:all .3s ease;order:2}.theme-toggle{order:1}.hamburger:hover{background:rgba(66,153,225,.1)}.hamburger:hover i{color:var(--text-primary)}.hamburger:active{transform:scale(.95)}.hamburger:focus{outline:none;background:transparent}.hamburger:not(:hover):not(:active){background:transparent;transform:none}.hamburger i{color:var(--text-primary)}.hamburger-box{width:24px;height:24px;display:inline-block;position:relative}.hamburger-inner{width:24px;height:2px;background-color:var(--text-primary);position:absolute;transition:all .3s ease}.hamburger-inner:before,.hamburger-inner:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-primary);transition:all .3s ease}.hamburger-inner:before{top:-6px}.hamburger-inner:after{bottom:-6px}.hamburger.active .hamburger-inner{transform:rotate(45deg)}.hamburger.active .hamburger-inner:before{top:0;opacity:0}.hamburger.active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@media (min-width: 769px) and (max-width: 1024px){.header-content{padding:6rem 2rem}.header-content h1{font-size:3rem}.experience-grid,.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 480px){.nav-content{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{margin-right:auto}.mobile-controls{gap:.25rem;margin-left:auto}.hamburger,.theme-toggle{width:40px;height:40px}.hamburger-icon{font-size:1.1rem}.brand-name{font-size:1.2rem}.brand-tagline{font-size:.65rem}}@media (max-width: 360px){.nav-content{padding:.5rem .8rem}.mobile-controls{gap:.2rem}.hamburger{width:36px;height:36px}.hamburger-icon{font-size:1rem}.brand-name{font-size:1.1rem}.brand-tagline{font-size:.6rem}.nav-content h2{font-size:1.1rem}.header-content h1{font-size:1.75rem}.header-content h2{font-size:1rem}.professional-summary{font-size:1rem;margin:1rem auto;padding:0 .5rem}.contact-badge{padding:.4rem .8rem;font-size:.8rem;min-width:180px}.cert-image-container{height:160px}.cert-category{font-size:.75rem;padding:.3rem 1rem}.experience-item,.project-item{padding:1.2rem}.experience-item h3,.project-item h3{font-size:1.1rem}.tech-stack span{padding:.3rem .8rem;font-size:.8rem}.certificates,.skills,.contact,.education,.experience,.projects{padding:0 .5rem;margin:1.5rem auto}.certificates h2,.skills h2,.contact h2,.education h2,.experience h2,.projects h2{font-size:1.8rem;text-align:center}.cert-grid,.skills-grid{gap:1rem;padding:0}.skill-category{padding:1.2rem}.skill-category h3{font-size:1.2rem}.profile-actions{gap:.8rem}.cv-link{padding:.8rem 1.5rem;font-size:.9rem;min-width:180px}.social-link{width:44px;height:44px;font-size:1.1rem}.modal-content{padding:1rem;margin:.5rem;max-width:calc(100% - 1rem)}.modal-content h3{font-size:1.2rem}.modal-content p{font-size:.9rem}.close-button{font-size:1.6rem;top:.5rem;right:.5rem}}@media (max-width: 320px){.header-content h1{font-size:1.5rem}.header-content h2,.professional-summary{font-size:.9rem}.contact-badge{font-size:.75rem}}@media (min-width: 1025px) and (max-width: 1366px){.header-content{padding:7rem 2rem}.container{max-width:1024px}}@media (max-height: 480px) and (orientation: landscape){.header-content{padding:2rem}.header-content h1{font-size:1.75rem}.nav-links.active{max-height:80vh;overflow-y:auto}}@media print{.theme-toggle,.nav-bar{display:none!important}body{background:white!important;color:#000!important}.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}a{text-decoration:none!important;color:#000!important}}.profile-section{position:relative;text-align:center;padding:2rem 0;margin-bottom:3rem}.profile-image-container{width:510px;height:600px;margin:0 auto 2rem;position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);border:3px solid var(--surface-color);transition:transform .3s ease,box-shadow .3s ease}.profile-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);opacity:.1;transition:opacity .3s ease}.profile-image-container:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.profile-image-container:hover:before{opacity:.2}.profile-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.profile-image-container:hover .profile-image{transform:scale(1.05)}.profile-name{font-size:clamp(2rem,4vw,3rem);font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;margin:1rem 0;letter-spacing:-.5px}.profile-title{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.profile-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.profile-actions .cv-link{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:all .3s ease;box-shadow:var(--card-shadow)}.profile-actions .cv-link:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.profile-actions .cv-link i{font-size:1.1rem}@media (min-width: 600px){.profile-section{display:flex;align-items:center;justify-content:center;gap:4rem;text-align:left;max-width:1200px;margin:0 auto 4rem;padding:4rem 2rem}.profile-image-container{margin:0;flex-shrink:0}.profile-content{max-width:600px}}@media (max-width: 767px){.profile-image-container{width:280px;height:320px;margin:0 auto 1.5rem}.profile-section{padding:1rem;flex-direction:column;text-align:center}.profile-container{display:flex;flex-direction:column;gap:2rem;align-items:center}.profile-text{align-items:center;text-align:center}.profile-content{padding:0 1rem}.profile-name{font-size:clamp(2rem,6vw,2.5rem);text-align:center}.profile-title{font-size:clamp(1rem,3vw,1.3rem);text-align:center}.professional-summary{text-align:center;max-width:100%}.contact-badges{justify-content:center;flex-wrap:wrap}.profile-actions{flex-direction:column;align-items:center;width:100%}}.profile-section{background:var(--surface-color);border-radius:30px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.nav-links a{min-height:44px;display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;transition:all .3s ease}.nav-links a:hover,.nav-links a:focus{background:rgba(66,153,225,.1);transform:translate(5px)}.theme-toggle{margin-top:1rem;padding:0;width:44px;height:44px;border-radius:50%;background:var(--surface-color)}.App{overflow-x:hidden}.cert-item{border-radius:12px;transition:all .3s ease}.cert-item:active{transform:scale(.98)}.modal-overlay{padding:1rem}.modal-content{border-radius:16px}.nav-links{-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:calc(100vh - 120px)}}@media (max-width: 375px){.profile-image-container{width:250px;height:280px}.tech-badge{font-size:.8rem;padding:.4rem .7rem}.floating-badges{gap:.5rem}.cert-grid,.skills-grid{grid-template-columns:1fr;gap:1rem}.contact-badges{gap:.5rem}.nav-links{width:90%;max-width:280px}}@media (hover: none) and (pointer: coarse){button,a,.cert-item,.experience-item,.project-item,.skill-category{min-height:44px;min-width:44px}.nav-links a{padding:1rem;font-size:1rem}.hamburger{padding:1rem;font-size:1.5rem}.theme-toggle{min-width:48px;min-height:48px}.close-button{min-width:48px;min-height:48px;font-size:2rem}.cv-link{min-height:48px}.social-link{min-width:48px;min-height:48px}.contact-badge{min-height:44px;padding:.75rem 1rem}}button:focus,a:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #4b5563;--accent-color: #2563eb;--nav-bg: rgba(255, 255, 255, .9)}.dark-mode{--bg-primary: #1f2937;--bg-secondary: #1f2937;--text-primary: #ffffff;--text-secondary: #e5e7eb;--accent-color: #3b82f6;--nav-bg: rgba(26, 26, 26, .9)}body{background-color:var(--bg-prima ry);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{padding-top:60px}.nav-bar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:0 1rem;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center}.nav-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-content h2{font-size:1.2rem;color:var(--text-primary);margin:0}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;padding:.5rem 0}.nav-links a:hover{color:var(--accent-color)}.theme-toggle{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.hamburger{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem}.profile-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:0 auto;max-width:1200px;height:auto;animation:fadeIn 1s ease-out}.profile-image-container{position:relative;perspective:1300px;width:100%}.image-frame{position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.profile-image{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0066ff4d;transition:transform .3s ease;border:1px solid var(--accent-color)}.frame-decoration{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid var(--accent-color);border-radius:25px;z-index:-1;opacity:.5;animation:pulse 2s infinite}.floating-badges{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end;z-index:10;pointer-events:none}.profile-text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.profile-name{font-size:3.5rem;font-weight:700;margin:0;background:linear-gradient(120deg,var(--accent-color),#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s linear infinite;align-self:flex-start}.tech-badge{padding:.7rem 1rem;background:rgba(59,130,246,.95);color:#fff;border-radius:25px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #3b82f64d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:auto;transition:all .3s ease;opacity:0;transform:translate(150px);animation:floatingBadgeLoop 6s ease-in-out infinite}.tech-badge:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 8px 25px #3b82f666;background:rgba(59,130,246,1)}@keyframes floatingBadgeLoop{0%{opacity:0;transform:translate(150px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-150px)}}.tech-badge:nth-child(1){animation-delay:0s}.tech-badge:nth-child(2){animation-delay:2s}.tech-badge:nth-child(3){animation-delay:4s}.profile-text{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:3.5rem;font-weight:700;margin-top:-1.5rem;margin-bottom:-1rem;background:linear-gradient(120deg,var(--accent-color),#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s linear infinite}.profile-title{font-size:1.8rem;color:#60a5fa;margin-bottom:-1rem;opacity:0;animation:fadeInUp .8s ease-out .3s forwards}.professional-summary{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-top:2rem;margin-bottom:-.5rem;margin-left:-1rem;opacity:0;animation:fadeInUp .8s ease-out .6s forwards}.contact-badges{display:flex;gap:1rem;margin-bottom:- 1rem;opacity:0;animation:fadeInUp .8s ease-out .9s forwards}.contact-badge{padding:.5rem 1rem;background:#08090a1a;border:1px solid rgba(59,130,246,.3);border-radius:30px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.contact-badge:hover{transform:translateY(-3px);background:#3b82f633}.profile-actions{display:flex;gap:1rem;opacity:0;animation:fadeInUp .8s ease-out 1.2s forwards}.cv-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--accent-color);color:#fff;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.cv-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2563eb4d}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:all .3s ease}.social-link:hover{transform:translateY(-3px);background:rgba(59,130,246,.2)}section{padding:4rem 2rem;max-width:1200px;margin:0 auto}section h2{font-size:2.5rem;margin-bottom:2rem;color:var(--accent-color)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.cert-item{background:var(--bg-secondary);border-radius:10px;overflow:hidden;transition:transform .3s ease;cursor:pointer}.cert-item:hover{transform:translateY(-5px)}.cert-image-container img{width:100%;height:auto;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-color);padding:2rem;border-radius:var(--border-radius-lg);max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--hover-shadow);border:1px solid var(--card-border);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content>*:first-child:not(.close-button){margin-top:1rem}.close-button{position:absolute;top:1rem;right:1rem;background:var(--surface-color);border:2px solid var(--card-border);border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--card-shadow);z-index:10}.close-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1);box-shadow:var(--hover-shadow)}.close-button:active{transform:scale(.95)}@media (max-width: 768px){.close-button{width:44px;height:44px;font-size:1.6rem;top:.5rem;right:.5rem;background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.close-button:hover{background:var(--secondary-color);border-color:var(--secondary-color)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(3deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.3}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}78%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.hamburger{display:block}.nav-links{position:fixed;top:60px;right:-100%;width:20%;height:calc(100vh - 60px);background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:1rem;gap:0rem;transition:right .3s ease-out;overflow-y:auto}.nav-links.open{right:0}.profile-container{grid-template-columns:1fr;gap:2rem;text-align:center;width:100%;height:auto}.profile-name{font-size:2.5rem}.profile-title{font-size:1.5rem;width:100%;justify-content:left}.floating-badges{position:absolute;top:50%;right:0;transform:translateY(-50%);flex-direction:column;gap:1rem;align-items:flex-end;flex-wrap:nowrap}.tech-badge{font-size:.8rem;padding:.5rem .8rem;width:auto;white-space:nowrap}.contact-badges{width:100%;justify-content:center;flex-wrap:wrap;margin-left:-1rem}.profile-text{align-items:center;text-align:center}.professional-summary{text-align:left;max-width:100%}.profile-actions{justify-content:center;flex-wrap:wrap}}@media (min-width: 951px) and (max-width: 1200px){.profile-container{gap:3rem}.profile-name{font-size:3rem}.contact-badges{width:100%;justify-content:center;flex-wrap:wrap;margin-left:-1rem}.profile-title{font-size:1.6rem}.floating-badges{top:50%;right:0;gap:.8rem;flex-direction:column;align-items:flex-end}}@media (max-width: 1030px){.profile-container{grid-template-columns:1fr;gap:2rem;text-align:center;width:100%;height:auto}.profile-text{align-items:center;text-align:center}.profile-name{font-size:2.5rem}.profile-title{font-size:1.5rem;width:100%;justify-content:left}.floating-badges{position:absolute;top:50%;right:0;transform:translateY(-50%);flex-direction:column;gap:1rem;align-items:flex-end;flex-wrap:nowrap}.tech-badge{font-size:.8rem;padding:.5rem .8rem;width:auto;white-space:nowrap}.contact-badges{width:100%;justify-content:center;flex-wrap:wrap;margin-left:-1rem}.professional-summary{text-align:left;max-width:100%}.profile-actions{justify-content:center;flex-wrap:wrap}}
