:root{--color-bg-primary: #F8FAFC;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F1F5F9;--color-text-primary: #0F172A;--color-text-secondary: #334155;--color-text-tertiary: #64748B;--color-accent: #06B6D4;--color-accent-hover: #0891B2;--color-accent-light: #CFFAFE;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--gradient-primary: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--gradient-accent: linear-gradient(135deg, #22D3EE 0%, #06B6D4 50%, #0891B2 100%);--gradient-hero: linear-gradient(135deg, #F8FAFC 0%, #E0F2FE 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-text: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--gradient-overlay: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(248, 250, 252, .8) 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html[data-theme=dark]{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-text-primary: #F8FAFC;--color-text-secondary: #E2E8F0;--color-text-tertiary: #94A3B8;--color-accent: #22D3EE;--color-accent-hover: #06B6D4;--color-accent-light: #164E63;--color-border: #334155;--color-border-light: #1E293B;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--gradient-primary: linear-gradient(135deg, #22D3EE 0%, #3B82F6 100%);--gradient-accent: linear-gradient(135deg, #06B6D4 0%, #22D3EE 50%, #67E8F9 100%);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--gradient-card: linear-gradient(135deg, #1E293B 0%, #334155 100%);--gradient-text: linear-gradient(135deg, #22D3EE 0%, #60A5FA 100%);--gradient-overlay: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .8) 100%)}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-text-primary: #F8FAFC;--color-text-secondary: #E2E8F0;--color-text-tertiary: #94A3B8;--color-accent: #22D3EE;--color-accent-hover: #06B6D4;--color-accent-light: #164E63;--color-border: #334155;--color-border-light: #1E293B;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--gradient-primary: linear-gradient(135deg, #22D3EE 0%, #3B82F6 100%);--gradient-accent: linear-gradient(135deg, #06B6D4 0%, #22D3EE 50%, #67E8F9 100%);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--gradient-card: linear-gradient(135deg, #1E293B 0%, #334155 100%);--gradient-text: linear-gradient(135deg, #22D3EE 0%, #60A5FA 100%);--gradient-overlay: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .8) 100%)}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.cookie-banner{position:fixed;left:50%;bottom:var(--spacing-md);transform:translate(-50%,100%);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--spacing-md);max-width:28rem;width:calc(100% - 2 * var(--spacing-md));opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);z-index:1000}.cookie-banner--visible{transform:translate(-50%);opacity:1}.cookie-banner__content{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.cookie-banner__message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cookie-banner__button{align-self:flex-start;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1.25rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cookie-banner__button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:600px){.cookie-banner{left:var(--spacing-md);right:var(--spacing-md);transform:translateY(100%);width:auto}.cookie-banner--visible{transform:translateY(0)}}@property --skill-trace{syntax: "<number>"; inherits: false; initial-value: 0;}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}.service-card.animate-on-scroll{transition-delay:0s}.service-card.animate-on-scroll:nth-child(1){transition-delay:.1s}.service-card.animate-on-scroll:nth-child(2){transition-delay:.2s}.service-card.animate-on-scroll:nth-child(3){transition-delay:.3s}.service-card.animate-on-scroll.animate-visible{transition-delay:0s}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{position:fixed;top:var(--spacing-sm);left:50%;transform:translate(-50%);z-index:100;width:calc(100% - var(--spacing-xl));max-width:1100px}section[id]{scroll-margin-top:calc(var(--spacing-2xl) + var(--spacing-sm))}.nav{background-color:#f8fafcb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.5);border-radius:38px;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;position:relative;box-shadow:0 8px 32px #00000014}html[data-theme=dark] .nav{background-color:#0f172ab3;border:1px solid rgba(51,65,85,.5);box-shadow:0 8px 32px #0000004d}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .nav{background-color:#0f172ab3;border:1px solid rgba(51,65,85,.5);box-shadow:0 8px 32px #0000004d}}.nav-brand{display:flex;align-items:center;gap:var(--spacing-xs);height:44px;text-decoration:none;cursor:pointer}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border-radius:var(--radius-lg);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.nav-toggle:hover,.nav-toggle:focus-visible{background-color:#0000000a;color:var(--color-text-primary);outline:none}html[data-theme=dark] .nav-toggle:hover,html[data-theme=dark] .nav-toggle:focus-visible{background-color:#ffffff14}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .nav-toggle:hover,html:not([data-theme=light]) .nav-toggle:focus-visible{background-color:#ffffff14}}.nav-toggle__icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:24px;height:18px}.nav-toggle__icon span{display:block;width:24px;height:2px;border-radius:1px;background-color:currentColor;transition:transform var(--transition-base),opacity var(--transition-base);transform-origin:center}.nav-toggle[aria-expanded=true] .nav-toggle__icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__icon span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.logo-circle{width:44px;height:44px;border-radius:50%;background-color:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;letter-spacing:.05em;flex-shrink:0;position:relative;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}.logo-circle:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.nav-brand:hover .logo-circle{color:#fff;box-shadow:0 4px 12px #06b6d44d;transform:scale(1.05)}.nav-brand:hover .logo-circle:after{opacity:1}.logo-circle__text{position:relative;z-index:1}html[data-theme=dark] .logo-circle{background-color:#f8fafc;color:#1e293b}html[data-theme=dark] .nav-brand:hover .logo-circle{color:#fff;box-shadow:0 4px 12px #22d3ee4d}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .logo-circle{background-color:#f8fafc;color:#1e293b}html:not([data-theme=light]) .nav-brand:hover .logo-circle{color:#fff;box-shadow:0 4px 12px #22d3ee4d}}.logo{font-size:var(--font-size-xl);font-weight:500;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-links{display:flex;gap:var(--spacing-xs);list-style:none;align-items:center;margin:0;padding:0;height:36px}.nav-links--open{display:flex}.nav-links li{display:flex;align-items:center;height:100%}.nav-links a{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);padding:0 var(--spacing-md);border-radius:var(--radius-lg);display:inline-flex;align-items:center;height:36px;white-space:nowrap;position:relative}.nav-links a:hover{color:var(--color-text-primary);background-color:#0000000a}html[data-theme=dark] .nav-links a:hover{background-color:#ffffff0d}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .nav-links a:hover{background-color:#ffffff0d}}.nav-links a:active{transform:scale(.98)}.nav-links a.btn-primary{background:var(--gradient-primary);color:#fff!important;padding:0 var(--spacing-lg);font-weight:600;margin-left:var(--spacing-xs);position:relative;transition:all var(--transition-base)}.nav-links a.btn-primary:hover{background:linear-gradient(135deg,#0891b2,#2563eb);color:#fff!important;box-shadow:0 4px 12px #06b6d466;transform:translateY(-1px)}.nav-links a.btn-primary:active{transform:translateY(0) scale(.98)}.theme-toggle{background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:var(--color-text-secondary);width:36px;height:36px;position:relative;margin:0 var(--spacing-xs)}.theme-toggle:hover{background-color:#0000000a;color:var(--color-text-primary)}html[data-theme=dark] .theme-toggle:hover{background-color:#ffffff0d}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .theme-toggle:hover{background-color:#ffffff0d}}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{position:absolute;transition:all var(--transition-base);opacity:0;transform:rotate(-90deg) scale(.8)}.theme-toggle svg.active{opacity:1;transform:rotate(0) scale(1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.nav-open{overflow:hidden}.hero{padding:calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);min-height:100vh;display:flex;align-items:center;background:var(--gradient-hero);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:800px;position:relative;z-index:2}.hero-title{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.1}.accent-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7;font-weight:300}.hero-highlights{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.hero-tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#ffffffb3;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:border-color .3s ease,color .3s ease,background-color .3s ease;cursor:default}.hero-tag:hover{border-color:#06b6d4;color:var(--color-text-primary);background-color:#06b6d40d}html[data-theme=dark] .hero-tag{background-color:#0f172aa6;color:var(--color-text-secondary)}html[data-theme=dark] .hero-tag:hover{border-color:#06b6d4;color:var(--color-text-primary);background-color:#06b6d41a}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero-tag{background-color:#0f172a99;color:var(--color-text-secondary)}html:not([data-theme=light]) .hero-tag:hover{border-color:#06b6d4;color:var(--color-text-primary);background-color:#06b6d41a}}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-base);display:inline-block}.btn-primary{background:var(--gradient-primary);color:#fff!important;position:relative;transition:all var(--transition-base)}.btn-primary:hover{background:linear-gradient(135deg,#0891b2,#2563eb);color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 24px -6px #06b6d466}.btn-secondary{background-color:#ffffffbf;color:var(--color-text-primary);border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 24px -16px #0f172a33}.btn-secondary:hover{background-color:#ffffffe6;border-color:#0f172a33;transform:translateY(-2px)}html[data-theme=dark] .btn-secondary{background-color:#fff3;color:var(--color-text-secondary);border-color:#94a3b840;box-shadow:0 12px 24px -16px #94a3b84d}html[data-theme=dark] .btn-secondary:hover{background-color:#ffffff47;border-color:#94a3b866}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .btn-secondary{background-color:#fff3;color:var(--color-text-secondary);border-color:#94a3b840;box-shadow:0 12px 24px -16px #94a3b84d}html:not([data-theme=light]) .btn-secondary:hover{background-color:#ffffff47;border-color:#94a3b866}}.services{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-secondary)}.section-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-md)}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);font-weight:300}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.service-card{padding:var(--spacing-xl);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-lg)}.service-card:hover:before{opacity:.05}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #06b6d426;border-color:var(--color-accent)}.service-card>*{position:relative;z-index:1}.service-icon{width:48px;height:48px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.service-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.service-description{color:var(--color-text-secondary);line-height:1.7;font-weight:300}.skills{padding:var(--spacing-3xl) 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.skill-group{padding:var(--spacing-xl);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skill-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;--skill-trace: 0;background:conic-gradient(from -90deg,#0ea5e9 0deg,#38bdf8 calc(var(--skill-trace) * 1deg / 2),#6366f1 calc(var(--skill-trace) * 1deg),transparent calc(var(--skill-trace) * 1deg),transparent 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.skill-tag:hover{color:var(--color-text-primary);border-color:transparent;box-shadow:0 12px 24px -12px #06b6d499;transform:translateY(-2px) scale(1.02)}.skill-tag:hover:before{opacity:1;animation:skill-border-trace .75s ease forwards}@keyframes skill-border-trace{0%{--skill-trace: 0}to{--skill-trace: 360}}.experience{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-secondary)}.experience-list{display:grid;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.experience-item{padding:var(--spacing-xl);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-lg)}.experience-item:hover:before{opacity:.05}.experience-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #06b6d426;border-color:var(--color-accent)}.experience-item>*{position:relative;z-index:1}.experience-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm)}.experience-role{font-size:var(--font-size-xl);margin:0}.experience-company{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500}.experience-points{margin:var(--spacing-md) 0 0;padding-left:var(--spacing-xl);color:var(--color-text-secondary);line-height:1.7;font-weight:300}.experience-points li+li{margin-top:var(--spacing-sm)}.about{padding:var(--spacing-3xl) 0}.about-content{position:relative;display:block}.about-content:after{content:"";display:table;clear:both}.about-text h2{text-align:left;margin-bottom:var(--spacing-lg)}.about-text{position:relative}.about-text p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);line-height:1.8;font-weight:300}.about-highlights{margin:var(--spacing-xl) 0}.about-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.education-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-base)}.education-list strong{color:var(--color-text-primary)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat{text-align:center;padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:500}.about-visual{float:right;width:460px;margin:0 0 var(--spacing-lg) var(--spacing-lg);position:relative}.about-graphic{width:100%;max-width:460px;height:auto;filter:drop-shadow(0 10px 40px rgba(6,182,212,.2))}.about-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:345px;height:345px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite;z-index:-1}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.contact{padding:var(--spacing-3xl) 0;background:var(--gradient-hero);position:relative}.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.08) 0%,transparent 70%);pointer-events:none}.contact-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.contact-card{padding:var(--spacing-xl);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);color:var(--color-text-primary)}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.contact-card svg{color:var(--color-accent)}@media(min-width:1024px){.contact-content{max-width:960px}.contact-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card{padding:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){.nav-links,.skill-tag{transition:none}.skill-tag:hover{transform:none}.skill-tag:hover:before{animation:none;--skill-trace: 360;opacity:1}}.footer{padding:var(--spacing-xl) 0;text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media(max-width:968px){.header{top:var(--spacing-sm);width:calc(100% - var(--spacing-lg))}.nav{min-height:64px;display:grid;grid-template-columns:1fr auto;align-items:center;align-content:center;row-gap:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:30px}.nav-toggle{display:inline-flex}.nav-brand{gap:var(--spacing-xs);height:36px}.logo-circle{width:36px;height:36px;font-size:var(--font-size-sm)}.logo{font-size:var(--font-size-lg)}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs);height:auto;grid-column:1 / -1;margin:0;padding:0;border-radius:22px;border:0;box-shadow:none;max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-base),transform var(--transition-base),margin-top var(--transition-base),padding var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.nav-links--open{max-height:520px;opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:#f8fafcf2;border:1px solid rgba(226,232,240,.6);box-shadow:0 12px 32px #0f172a1f}html[data-theme=dark] .nav-links--open{background-color:#0f172af2;border:1px solid rgba(51,65,85,.7);box-shadow:0 12px 32px #02061766}.nav-links a{font-size:var(--font-size-sm);font-weight:500;padding:0 var(--spacing-md);height:44px;justify-content:center;width:100%}.nav-links a.btn-primary{padding:0 var(--spacing-lg);font-size:var(--font-size-sm);margin-left:0}.nav-links li{height:auto;width:100%;justify-content:center}.theme-toggle{width:44px;height:44px;margin:0}.theme-toggle svg{width:16px;height:16px}}@media(max-width:768px){.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.hero-highlights{margin-bottom:var(--spacing-lg)}.about-content{display:block}.about-visual{float:none;width:100%;max-width:300px;margin:0 auto var(--spacing-xl) auto}.about-graphic{max-width:300px}.about-visual:before{width:250px;height:250px}.skill-group,.experience-item,.contact-card{padding:var(--spacing-lg)}.experience-header{align-items:flex-start}.education-list{font-size:var(--font-size-sm)}.stats{grid-template-columns:1fr}}@media(max-width:968px)and (prefers-color-scheme:dark){html:not([data-theme=light]) .nav-links--open{background-color:#0f172af2;border:1px solid rgba(51,65,85,.7);box-shadow:0 12px 32px #02061766}}.skill-tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:transform var(--transition-base),background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden;z-index:0}