:root{--primary: #3B38A0;--primary-light: #5855B8;--primary-dark: #2B2888;--secondary: #7A85C1;--secondary-light: #9BA5D1;--secondary-dark: #6A75B1;--accent: #B2B0E8;--accent-light: #C4C2F0;--accent-dark: #9C9AE0;--navy: #1A2A80;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--border-light: #E2E8F0;--border-medium: #CBD5E1;--border-dark: #94A3B8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--hover-bg: rgba(59, 56, 160, .05);--active-bg: rgba(59, 56, 160, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--success: #48BB78;--warning: #ED8936;--error: #F56565;--info: #4299E1;--hover-overlay: rgba(178, 176, 232, .1);--active-overlay: rgba(59, 56, 160, .2);--focus-ring: rgba(178, 176, 232, .5)}@media (prefers-color-scheme: dark){:root{--text-primary: #436074;--text-secondary: #161c25;--text-muted: #A0AEC0;--glass-backdrop: rgba(26, 42, 128, .3);--glass-primary: rgba(178, 176, 232, .15);--glass-secondary: rgba(59, 56, 160, .15);--glass-tertiary: rgba(122, 133, 193, .15)}}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #2D3748;--deep-purple: #2B2888;--navy-blue: #0A1A70}}@media (prefers-reduced-motion: reduce){:root{--transition-duration: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth;height:100%;overflow-x:hidden}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6;overflow-x:hidden;overscroll-behavior:none;background-color:#f0f2f5;padding-top:80px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);font-weight:600}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.875rem);font-weight:500}h5{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500}h6{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}a:focus{outline:2px solid var(--focus-ring);outline-offset:2px}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);width:100%}.hero-container{max-width:1200px;margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);width:100%}.hero-text{text-align:center}.hero-title{margin-bottom:var(--space-2)}.title-greeting{display:block;color:var(--text-muted);font-weight:500;font-size:1.25rem;margin-bottom:var(--space-2)}.title-name{color:var(--navy);display:inline-block;min-width:22ch;white-space:nowrap;background:linear-gradient(135deg,var(--primary) 0%,var(--navy) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--primary);font-weight:600;margin-bottom:var(--space-4)}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.7}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6);justify-content:center}.hero-scroll{display:flex;justify-content:center;align-items:center;margin-top:var(--space-12);position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);width:100%}.scroll-indicator{text-decoration:none;color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;flex-direction:column}.scroll-indicator:hover{color:var(--primary);transform:translateY(-2px)}.scroll-text{font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.scroll-arrow{width:16px;height:16px;border:2px solid currentColor;border-left:0;border-top:0;transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-4px)}60%{transform:rotate(45deg) translateY(-2px)}}@media (min-width: 768px){.hero-content{flex-direction:column;align-items:center}.hero-text{text-align:center}.hero-buttons{justify-content:center}.hero-description{margin:0 auto var(--space-8)}}@media (max-width: 767px){.hero-container{padding-left:var(--space-4);padding-right:var(--space-4)}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}}.certificates-section{padding:var(--space-20) 0;background:transparent;position:relative;width:100%}.certificates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8);max-width:1000px;margin-left:auto;margin-right:auto}.certificate-item{display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(30px);animation:slideInUp .6s ease-out forwards;background:none;border:none;box-shadow:none}.certificate-image{width:100%;height:auto;max-height:300px;object-fit:contain;border:none;background:none;box-shadow:none;border-radius:0;transition:transform .3s ease;cursor:pointer}.certificate-image:hover{transform:scale(1.05)}@media (max-width: 768px){.certificates-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width: 769px) and (max-width: 1024px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}.about-section{padding:var(--space-20) 0;background:var(--bg-secondary);position:relative;width:100%}.about-content{max-width:800px;margin:0 auto}.about-card{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.about-description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-6)}.about-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.overview-section{padding:var(--space-20) 0;background:var(--bg-primary);position:relative;width:100%}.overview-grid{display:flex;flex-wrap:wrap;gap:var(--space-6);width:100%;justify-content:center;margin-top:var(--space-8)}.overview-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s ease;flex:1;min-width:280px;max-width:350px;display:flex;flex-direction:column;min-height:200px}.overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.overview-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.overview-card-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-white)}.overview-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.overview-card-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.overview-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-content{flex:1;display:flex;flex-direction:column}.overview-link{color:var(--primary);font-weight:600;font-size:.875rem;margin-top:auto;padding-top:var(--space-4);text-align:center;cursor:pointer;transition:color .3s ease}.overview-link:hover{color:var(--primary-dark)}.projects-showcase{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-top:var(--space-8);max-width:1100px;margin-left:auto;margin-right:auto}.project-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 20px #3b38a014;border:1px solid var(--border-light);transition:all .3s ease;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:var(--space-6);min-height:320px}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #3b38a01f;border-color:var(--primary-light)}.project-left-area,.project-right-area{display:flex;flex-direction:column;justify-content:flex-start}.project-bottom-area{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.project-icon-section{display:flex;gap:var(--space-4);align-items:flex-start}.project-icon-badge{width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:1.25rem;box-shadow:0 4px 12px #3b38a040;flex-shrink:0}.project-main-info{flex:1}.project-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:1.3}.project-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.project-meta-section{display:flex;flex-direction:column;gap:var(--space-4)}.meta-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.meta-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.meta-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.tech-section h4{font-size:1rem;color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:600}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tech-tag{background:var(--bg-tertiary);color:var(--primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-align:center;border:1px solid var(--primary-light)}.results-preview{background:linear-gradient(135deg,var(--success) 0%,#48BB78 100%);color:#fff;padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.results-preview h4{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;font-size:1rem;font-weight:600}.results-preview p{margin:0;font-size:.875rem;line-height:1.4;opacity:.95}.project-action-static{display:flex;justify-content:center}.explore-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b38a04d;font-size:.875rem}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b38a066}.overview-tag{background:var(--accent-light);color:var(--primary-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;text-align:center;margin:0 auto var(--space-8);color:var(--text-primary);position:relative;display:block;width:100%}.section-title:after{content:"";position:absolute;bottom:-var(--space-2);left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-full)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);text-align:center;width:100%}.main-content{position:relative}.main-container{width:100%}@media (max-width: 768px){.about-actions{flex-direction:column;align-items:center}.about-actions .btn{width:100%;max-width:280px}.overview-grid{flex-direction:column;align-items:center}.overview-card{max-width:100%}.projects-showcase{gap:var(--space-6)}.project-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:var(--space-6);min-height:auto}.project-icon-section{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.project-title{font-size:1.25rem}.meta-grid,.tech-grid{grid-template-columns:1fr}}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border-light);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-20)}.footer-content{text-align:center;max-width:800px;margin:0 auto}.footer-content p{color:var(--text-muted);margin-bottom:var(--space-3);font-size:.875rem}.footer-content p:last-child{margin-bottom:0}.footer-location{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-weight:500}.footer-location i{width:16px;height:16px;color:var(--primary)}.contact-section{padding:var(--space-20) 0;background:var(--bg-secondary);position:relative;width:100%}.contact-content{max-width:800px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.contact-card{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;border:1px solid var(--border-light);box-shadow:var(--shadow-md);display:block;text-decoration:none;color:inherit}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light);text-decoration:none;color:inherit}.contact-link{cursor:pointer}.contact-link:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-lg)}.contact-icon{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--text-white);transition:all .3s ease}.contact-icon svg{width:24px;height:24px}.email-icon{background:linear-gradient(135deg,#ea4335,#d33b2c)}.linkedin-icon{background:linear-gradient(135deg,#0077b5,#005885)}.github-icon{background:linear-gradient(135deg,#333,#24292e)}.contact-card h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.contact-text{color:var(--text-primary);font-weight:500;transition:color .3s ease;display:block}.contact-card:hover .contact-text,.contact-card:hover h4{color:var(--primary)}.glass-card{background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:var(--space-4)}.footer{padding:var(--space-8) 0 var(--space-6)}.footer-location{flex-direction:column;gap:var(--space-1)}}.main-content{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.main-container{width:100%;display:flex;flex-direction:column;align-items:center}section{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.navbar{position:fixed;top:10px;left:50%;transform:translate(-50%);width:80%;max-width:960px;z-index:1000;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-radius:15px;transition:all .3s ease}.navbar.scrolled{background:#fffffff2}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-6)}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary)}.logo-text{background:linear-gradient(135deg,var(--primary) 0%,var(--navy) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0}.nav-item{margin:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .3s ease;position:relative}.nav-link:hover{color:var(--primary);background:var(--hover-bg)}.nav-link:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:var(--space-2)}.nav-toggle .bar{width:24px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s;border-radius:var(--radius-full)}.nav-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.875rem;line-height:1;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--bg-primary);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-lg);border-top:1px solid var(--border-light);padding:var(--space-6) 0;gap:var(--space-4)}.nav-menu.active{left:0}.nav-link{padding:var(--space-3) var(--space-4);display:block;width:100%}}section{opacity:0;transform:translateY(30px);transition:all .6s ease-out}section.animate-in{opacity:1;transform:translateY(0)}.animate-in .overview-card,.animate-in .contact-card,.animate-in .about-card{animation:slideInUp .6s ease-out forwards}.animate-in .overview-card:nth-child(1){animation-delay:.1s}.animate-in .overview-card:nth-child(2){animation-delay:.2s}.animate-in .overview-card:nth-child(3){animation-delay:.3s}.animate-in .contact-card:nth-child(1){animation-delay:.1s}.animate-in .contact-card:nth-child(2){animation-delay:.2s}.animate-in .contact-card:nth-child(3){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}section{opacity:1;transform:none}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:all .3s ease}.modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;width:100%;max-width:800px;overflow:hidden;transform:scale(.9);transition:transform .3s ease;border:1px solid var(--border-light)}.modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-close:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.modal-body{padding:var(--space-6);max-height:70vh;overflow-y:auto}.modal-section{margin-bottom:var(--space-6)}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);border-bottom:2px solid var(--accent-light);padding-bottom:var(--space-2)}.modal-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.modal-section ul{list-style:none;padding:0}.modal-section li{color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.modal-section li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.experience-item{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border-left:4px solid var(--primary)}.experience-item h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.experience-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-3);font-style:italic}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.skill-category{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light)}.skill-category h4{color:var(--primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-3);text-align:center}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{background:var(--accent-light);color:var(--primary-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.modal .certificate-item{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-light)}.certificate-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-white);flex-shrink:0}.certificate-info h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1)}.certificate-date{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:95vh;margin:var(--space-4)}.modal-header,.modal-body{padding:var(--space-4)}.skills-grid{grid-template-columns:1fr}.modal .certificate-item{flex-direction:column;text-align:center}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 575.98px){.container{padding:0 var(--space-4)}.hero-container{padding-left:var(--space-3);padding-right:var(--space-3)}.section-title{font-size:1.75rem}.hero-buttons{flex-direction:column;gap:var(--space-3)}.hero-buttons .btn{width:100%;justify-content:center}.about-actions{flex-direction:column;gap:var(--space-3)}.about-actions .btn{width:100%}}@media (min-width: 576px) and (max-width: 767.98px){.container{max-width:540px}.overview-grid,.contact-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width: 768px) and (max-width: 991.98px){.container{max-width:720px}.hero-content{grid-template-columns:1fr;gap:var(--space-8)}.overview-grid,.contact-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.nav-menu{gap:var(--space-4)}}@media (min-width: 992px) and (max-width: 1199.98px){.container{max-width:960px}.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-10)}.overview-grid,.contact-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width: 1200px){.container{max-width:1140px}.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-12)}}@media (min-width: 1400px){.container{max-width:1320px}}@media (max-width: 768px){h1{font-size:clamp(2rem,8vw,2.5rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}h3{font-size:clamp(1.25rem,5vw,1.5rem)}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}}@media (max-width: 768px){.hero-section,.about-section,.overview-section,.contact-section{padding:var(--space-12) 0}.footer{padding:var(--space-8) 0 var(--space-6)}}@media (min-width: 769px) and (max-width: 1024px){.hero-section,.about-section,.overview-section,.contact-section{padding:var(--space-16) 0}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}.hide-tablet{display:block}.show-tablet{display:none}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none}.show-tablet{display:block}}.hide-desktop{display:block}.show-desktop{display:none}@media (min-width: 1025px){.hide-desktop{display:none}.show-desktop{display:block}}@media print{.navbar,.hero-buttons,.about-actions,.modal,.nav-toggle{display:none!important}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}.hero-section,.about-section,.overview-section,.contact-section{padding:20pt 0;page-break-inside:avoid}.section-title{font-size:18pt;margin-bottom:12pt}.overview-card,.contact-card,.about-card{border:1pt solid #ccc;margin-bottom:12pt;page-break-inside:avoid}}