:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);min-height:200px}.loading-spinner{position:relative;width:40px;height:40px}.loading-spinner--small{width:24px;height:24px}.loading-spinner--large{width:60px;height:60px}.spinner-ring{position:absolute;border:2px solid transparent;border-top:2px solid var(--accent-primary);border-radius:50%;animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner .spinner-ring:nth-child(1){width:100%;height:100%;animation-delay:-.45s}.loading-spinner .spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;animation-delay:-.3s;border-top-color:var(--accent-secondary)}.loading-spinner .spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;animation-delay:-.15s;border-top-color:var(--text-secondary);opacity:.6}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none}.loading-spinner{opacity:.6}.spinner-ring{border-top-color:var(--accent-primary);border-right-color:var(--accent-primary)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);width:100%}.page-loading .loading-spinner-container{min-height:auto}:root[data-theme=dark] .spinner-ring{filter:brightness(1.1)}@media (prefers-contrast: high){.spinner-ring{border-width:3px;border-top-color:currentColor}}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-accent: #f1f8ff;--bg-primary-rgb: 255, 255, 255;--bg-secondary-rgb: 248, 249, 250;--bg-tertiary-rgb: 233, 236, 239;--bg-accent-rgb: 241, 248, 255;--text-primary: #1a1a1a;--text-secondary: #495057;--text-tertiary: #6c757d;--text-muted: #adb5bd;--border-primary: #dee2e6;--border-secondary: #e9ecef;--border-focus: #007bff;--accent-primary: #007bff;--accent-secondary: #0056b3;--accent-tertiary: #4dabf7;--accent-primary-rgb: 0, 123, 255;--accent-secondary-rgb: 0, 86, 179;--accent-tertiary-rgb: 77, 171, 247;--success: #28a745;--warning: #ffc107;--error: #dc3545;--info: #17a2b8;--btn-primary-bg: #007bff;--btn-primary-text: #ffffff;--btn-primary-hover: #0056b3;--btn-secondary-bg: #6c757d;--btn-secondary-text: #ffffff;--btn-secondary-hover: #545b62;--primary-color: #007bff;--accent-color: #0056b3;--background-color: #ffffff;--card-background: #f8f9fa;--border-color: #dee2e6;--primary-color-rgb: 0, 123, 255;--shadow-sm: rgba(0, 0, 0, .05);--shadow-md: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--shadow-xl: rgba(0, 0, 0, .2)}:root[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-accent: #1c2128;--bg-primary-rgb: 13, 17, 23;--bg-secondary-rgb: 22, 27, 34;--bg-tertiary-rgb: 33, 38, 45;--bg-accent-rgb: 28, 33, 40;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-tertiary: #8b949e;--text-muted: #6e7681;--border-primary: #30363d;--border-secondary: #21262d;--border-focus: #58a6ff;--accent-primary: #58a6ff;--accent-secondary: #1f6feb;--accent-tertiary: #79c0ff;--accent-primary-rgb: 88, 166, 255;--accent-secondary-rgb: 31, 111, 235;--accent-tertiary-rgb: 121, 192, 255;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #58a6ff;--btn-primary-bg: #238636;--btn-primary-text: #ffffff;--btn-primary-hover: #2ea043;--btn-secondary-bg: #21262d;--btn-secondary-text: #c9d1d9;--btn-secondary-hover: #30363d;--primary-color: #58a6ff;--accent-color: #1f6feb;--background-color: #0d1117;--card-background: #161b22;--border-color: #30363d;--primary-color-rgb: 88, 166, 255;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5);--shadow-xl: rgba(0, 0, 0, .6)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}:root{--space-0: 0;--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;--space-32: 8rem}:root{--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px}:root{--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}:root[data-theme=dark]{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root{--breakpoint-xs: 375px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1440px;--container-sm: 100%;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1440px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--space-xs-mobile: .5rem;--space-sm-mobile: .75rem;--space-md-mobile: 1rem;--space-lg-mobile: 1.5rem;--space-xl-mobile: 2rem;--space-xs-desktop: .75rem;--space-sm-desktop: 1rem;--space-md-desktop: 1.5rem;--space-lg-desktop: 2rem;--space-xl-desktop: 3rem}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}@media (min-width: 375px){.xs\:hidden{display:none!important}.xs\:block{display:block!important}.xs\:flex{display:flex!important}.xs\:grid{display:grid!important}}@media (min-width: 480px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}.sm\:grid{display:grid!important}}@media (min-width: 768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}}@media (min-width: 1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:grid{display:grid!important}}@media (min-width: 1200px){.xl\:hidden{display:none!important}.xl\:block{display:block!important}.xl\:flex{display:flex!important}.xl\:grid{display:grid!important}}.p-responsive{padding:clamp(var(--space-xs-mobile),2vw,var(--space-xs-desktop))}.px-responsive{padding-left:clamp(var(--space-md-mobile),4vw,var(--space-md-desktop));padding-right:clamp(var(--space-md-mobile),4vw,var(--space-md-desktop))}.py-responsive{padding-top:clamp(var(--space-lg-mobile),3vh,var(--space-lg-desktop));padding-bottom:clamp(var(--space-lg-mobile),3vh,var(--space-lg-desktop))}.m-responsive{margin:clamp(var(--space-xs-mobile),2vw,var(--space-xs-desktop))}.mb-responsive{margin-bottom:clamp(var(--space-lg-mobile),3vh,var(--space-lg-desktop))}.mt-responsive{margin-top:clamp(var(--space-lg-mobile),3vh,var(--space-lg-desktop))}.text-responsive-sm{font-size:clamp(.875rem,2vw,1rem)}.text-responsive-base{font-size:clamp(1rem,2.5vw,1.125rem)}.text-responsive-lg{font-size:clamp(1.125rem,3vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,4vw,1.5rem)}.text-responsive-2xl{font-size:clamp(1.5rem,5vw,2rem)}.text-responsive-3xl{font-size:clamp(1.875rem,6vw,2.5rem)}.text-responsive-4xl{font-size:clamp(2.25rem,7vw,3rem)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.focus-ring{transition:box-shadow var(--transition-fast)}.focus-ring:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.3);outline:none}@media (hover: hover){.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-accent:hover{background-color:var(--bg-accent)}}@media (hover: none){.touch\:active:active{transform:scale(.98)}.touch\:shadow:active{box-shadow:var(--shadow-md)}}.grid-responsive{display:grid;gap:clamp(1rem,3vw,2rem)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@supports (container-type: inline-size){.container-query{container-type:inline-size}.container-query-size{container-type:size}@container (min-width: 320px){.cq-sm\:text-lg{font-size:var(--text-lg)}.cq-sm\:p-4{padding:var(--space-4)}.cq-sm\:gap-3{gap:var(--space-3)}}@container (min-width: 480px){.cq-md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.cq-md\:flex-row{flex-direction:row}.cq-md\:text-xl{font-size:var(--text-xl)}.cq-md\:gap-6{gap:var(--space-6)}}@container (min-width: 768px){.cq-lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.cq-lg\:text-2xl{font-size:var(--text-2xl)}.cq-lg\:p-8{padding:var(--space-8)}}.card-container{container-type:inline-size}@container (min-width: 300px){.card-responsive{display:grid;grid-template-areas:"header" "content" "footer";gap:var(--space-3)}}@container (min-width: 500px){.card-responsive{grid-template-areas:"header content footer";grid-template-columns:auto 1fr auto}}.nav-container-query{container-type:inline-size}@container (max-width: 767px){.nav-responsive{flex-direction:column;gap:var(--space-2)}}@container (min-width: 768px){.nav-responsive{flex-direction:row;gap:var(--space-6)}}}.fluid-text-sm{font-size:clamp(.875rem,.7rem + .4vw,1rem)}.fluid-text-base{font-size:clamp(1rem,.8rem + .5vw,1.125rem)}.fluid-text-lg{font-size:clamp(1.125rem,.9rem + .6vw,1.25rem)}.fluid-text-xl{font-size:clamp(1.25rem,1rem + .7vw,1.5rem)}.fluid-text-2xl{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.fluid-text-3xl{font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem)}.fluid-text-4xl{font-size:clamp(2.25rem,1.8rem + 1.5vw,3rem)}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem)}.flex-col-mobile{flex-direction:column}@media (min-width: 768px){.flex-col-mobile{flex-direction:row}}@media (prefers-reduced-motion: reduce){.motion-safe\:animate{animation:none!important}.motion-safe\:transition{transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.high-contrast\:border-2{border:2px solid currentColor}.high-contrast\:shadow-none{box-shadow:none}}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:text-black{color:#000!important}.print\:bg-white{background-color:#fff!important}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.img-responsive{width:100%;height:auto;object-fit:cover}.img-contain{object-fit:contain}.img-cover{object-fit:cover}.scroll-smooth{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.scroll-smooth{scroll-behavior:auto}}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*:before,*:after{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar,*:before::-webkit-scrollbar,*:after::-webkit-scrollbar{display:none;width:0px;background:transparent}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0px;background:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:0px;background:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0;color:var(--text-secondary)}.App{min-height:100vh;background-color:var(--bg-primary)}.navigation{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0;width:100vw;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-container{display:flex;justify-content:center;align-items:center;padding:var(--space-4) var(--space-8);max-width:1200px;margin:0 auto;position:relative}.nav-logo{flex-shrink:0;position:absolute;left:0}.logo-link{color:var(--text-primary);text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);transition:color var(--transition-fast)}.logo-link:hover{color:var(--accent-primary)}.nav-links{display:flex;gap:var(--space-6);align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover,.nav-link-active{color:var(--accent-primary);background-color:var(--bg-accent)}.nav-controls{display:flex;gap:var(--space-3);align-items:center;position:absolute;right:0}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.hamburger-line{width:20px;height:2px;background-color:var(--text-primary);margin:2px 0;transition:all var(--transition-fast);border-radius:2px}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-button:hover{background-color:var(--bg-accent)}.mobile-menu-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end}.mobile-menu{background-color:var(--bg-primary);width:280px;height:100vh;padding:var(--space-6);box-shadow:var(--shadow-xl);overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.mobile-menu-header h3{color:var(--text-primary);margin:0}.close-button{background:none;border:none;font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.mobile-nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid transparent}.mobile-nav-link:hover{background-color:var(--bg-secondary);border-color:var(--border-primary)}.mobile-nav-link-active{background-color:var(--bg-accent);color:var(--accent-primary);border-color:var(--accent-primary)}.mobile-controls{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.mobile-control-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.mobile-control-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover)}.theme-toggle,.language-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);min-width:var(--touch-target-comfortable);min-height:var(--touch-target-min);position:relative}.theme-toggle:hover,.language-toggle:hover{background-color:var(--btn-secondary-hover)}.main-content{padding:0;width:100%;min-height:calc(100vh - 80px)}.page-enter{opacity:0;transform:translateY(var(--space-4))}.page-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-normal)}.home,.about,.experience,.projects,.contact{animation:fadeIn var(--transition-slow) ease-in-out;min-height:calc(100vh - 160px);width:100vw;position:relative;padding-top:80px}.home{min-height:calc(100vh - 80px);padding-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:var(--space-16) var(--space-8);width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;box-sizing:border-box}.hero-content{max-width:900px;width:100%;padding:var(--space-8);animation:heroSlideUp 1s ease-out}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-profile{margin-bottom:var(--space-6);animation:profileFadeIn 1.2s ease-out .2s both;z-index:1;position:relative}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-secondary);box-shadow:0 8px 32px #0000001a;transition:transform var(--transition-normal);position:relative;overflow:visible}.avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 12px 40px #00000026}.avatar-emoji{font-size:40px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));position:relative;z-index:1}.status-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.hero-main{animation:mainContentFadeIn 1.4s ease-out .4s both;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@keyframes mainContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-greeting{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.greeting-emoji{font-size:var(--text-2xl);animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.greeting-text{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-medium)}.hero-title{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.title-line{font-size:clamp(var(--text-3xl),6vw,var(--text-4xl))!important;font-weight:var(--font-bold);color:var(--text-primary);display:block;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.title-highlight{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl))!important;font-weight:var(--font-bold);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.3}@supports not (-webkit-background-clip: text){.title-highlight{color:var(--accent-primary);background:none;-webkit-text-fill-color:unset}}.hero-description{font-size:var(--text-lg);margin:0 auto var(--space-8);color:var(--text-secondary);font-weight:var(--font-normal);max-width:600px;line-height:var(--leading-relaxed);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:1}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-6);margin:0 auto var(--space-8) auto;animation:statsFadeIn 1.6s ease-out .6s both;position:relative;z-index:1;width:100%;max-width:600px}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background-color:rgba(var(--bg-secondary-rgb),.5);border-radius:var(--radius-lg);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px;width:100%;max-width:120px}.stat-number{font-size:1.5rem!important;font-weight:var(--font-bold);color:var(--accent-primary);font-family:var(--font-heading);text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-label{font-size:.75rem!important;color:var(--text-secondary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.hero-actions{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;animation:actionsFadeIn 1.8s ease-out .8s both;position:relative;z-index:1}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);touch-action:manipulation}.cta-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cta-button:active{transform:scale(.98)}.cta-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 var(--transition-slow)}.cta-button:hover:before{left:100%}.cta-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-base)}.cta-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background-color:var(--btn-primary-hover)}.cta-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary)}.cta-secondary:hover{transform:translateY(-2px);background-color:var(--btn-secondary-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md)}.cta-outline{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-primary)}.cta-outline:hover{transform:translateY(-2px);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-md)}.cta-icon{font-size:var(--text-lg)}.hero-tech{animation:techFadeIn 2s ease-out 1s both;position:relative;z-index:1}@keyframes techFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.tech-icons{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.tech-icon-wrapper{position:relative;display:inline-block}.tech-icon{font-size:var(--text-xl);padding:var(--space-3);border-radius:var(--radius-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm);min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:manipulation}.tech-icon:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tech-icon svg{width:24px;height:24px;transition:all var(--transition-normal)}.tech-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.tech-icon:hover:before{left:100%}.tech-icon:hover{transform:translateY(-6px) scale(1.1) rotate(5deg);background-color:var(--bg-accent);border-color:var(--accent-primary);box-shadow:0 12px 32px rgba(var(--accent-primary-rgb),.3)}.tech-icon-wrapper:nth-child(2n) .tech-icon:hover{transform:translateY(-6px) scale(1.1) rotate(-5deg)}.tech-icon:active{transform:translateY(-2px) scale(1.05);transition-duration:.1s}.tech-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none;z-index:var(--z-tooltip);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;text-align:center}.tech-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-primary)}.tech-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--border-primary);z-index:-1}@media (max-width: 768px){.tech-tooltip{bottom:auto;top:120%;transform:translate(-50%)}.tech-tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--bg-primary)}.tech-tooltip:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--border-primary)}.tech-icon-wrapper:hover .tech-tooltip{transform:translate(-50%) translateY(8px)}}.tech-icon-wrapper:hover .tech-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.tooltip-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.tooltip-description{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--bg-accent);color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--border-secondary)}.theme-test{margin:var(--space-8) auto;max-width:1000px}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;width:100%}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:auto;padding:var(--space-12) 0 var(--space-6)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.footer-content{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-16);margin-bottom:var(--space-8);max-width:800px;margin-left:auto;margin-right:auto}.footer-subtitle{color:var(--text-tertiary);font-size:var(--text-xs)}.footer-section{text-align:center;min-width:150px}.footer-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.social-links{display:flex;text-align:center;flex-direction:column;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation;margin:0 auto}.social-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.social-link:hover{color:var(--accent-primary);background-color:var(--bg-accent);transform:translate(var(--space-1))}.social-icon{font-size:var(--text-base)}.social-name{font-weight:var(--font-medium)}.quick-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2) var(--space-1);transition:color var(--transition-fast);min-height:var(--touch-target-min);border-radius:var(--radius-sm);touch-action:manipulation;display:inline-block}.footer-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-primary);padding-top:var(--space-4)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.footer-bottom-content p{color:var(--text-tertiary);font-size:var(--text-xs);margin:0}.footer-copyright{order:1;text-align:left;flex:1}.footer-built-with{order:2;text-align:center;flex:1}.footer-version{order:3;text-align:right;flex:1;display:flex;justify-content:flex-end}.footer-version p{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary);color:var(--text-secondary);display:inline-block;margin:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}@media (max-width: 768px){.nav-container{padding:var(--space-3) var(--space-4);justify-content:space-between}.nav-logo,.nav-controls{position:static}.nav-links{display:none}.mobile-menu-button{display:flex}.theme-toggle,.language-toggle{display:none}.home,.about,.experience,.projects,.contact{padding:0 var(--space-4);padding-top:80px}.home{padding-top:0}.hero{padding:var(--space-6) var(--space-3);height:auto;min-height:100vh;width:100%;max-width:100vw;margin:0;box-sizing:border-box;overflow-x:hidden}.hero-content{padding:var(--space-3) var(--space-2);max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;overflow-x:hidden}.avatar-placeholder{width:80px;height:80px}.avatar-emoji{font-size:32px}.hero-greeting{margin-bottom:var(--space-3)}.greeting-emoji{font-size:var(--text-xl)}.greeting-text{font-size:var(--text-base)}.title-line{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl))!important;text-align:center;width:100%}.title-highlight{font-size:clamp(var(--text-xl),4.5vw,var(--text-2xl))!important;text-align:center;width:100%}.hero-description{font-size:var(--text-lg);margin-bottom:var(--space-6)}.hero-stats{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--space-2);margin:0 auto var(--space-6) auto;width:calc(100% - var(--space-4));max-width:320px;padding:0;box-sizing:border-box}.stat-item{min-width:0;padding:var(--space-2) var(--space-1);margin:0;flex:1;max-width:calc(33.333% - var(--space-1));box-sizing:border-box}.stat-number{font-size:1rem!important}.stat-label{font-size:.625rem!important}.hero-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);margin:0 auto var(--space-6) auto;width:calc(100% - var(--space-4));max-width:320px;padding:0;box-sizing:border-box}.cta-button{width:100%;max-width:100%;justify-content:center;margin:0;box-sizing:border-box;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tech-icons{gap:var(--space-2)}.tech-icon{font-size:var(--text-xl);padding:var(--space-1)}.footer-container{padding:0 var(--space-4)}.footer-content{flex-direction:column;gap:var(--space-8);align-items:center}.footer-section{min-width:auto;width:100%;max-width:300px}.social-links{flex-direction:row;justify-content:center;flex-wrap:wrap}.footer-bottom-content{flex-direction:column;gap:var(--space-3);text-align:center}.footer-copyright,.footer-built-with,.footer-version{text-align:center;flex:none}.footer-version{justify-content:center}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width: 480px){.nav-container{padding:var(--space-2) var(--space-3);justify-content:space-between}.nav-logo,.nav-controls{position:static}.home,.about,.experience,.projects,.contact{padding:0 var(--space-3);padding-top:70px}.home{padding-top:0}.hero{padding:var(--space-6) var(--space-2) var(--space-4);height:auto;min-height:100vh;width:100%;max-width:100vw;margin:0;box-sizing:border-box;overflow-x:hidden;justify-content:flex-start;padding-top:100px}.hero-content{padding:var(--space-3) var(--space-1);max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;margin:0;overflow-x:hidden}.hero-profile{margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;padding-top:var(--space-2)}.avatar-placeholder{width:70px;height:70px;margin-top:var(--space-2)}.avatar-emoji{font-size:28px}.status-indicator{padding:var(--space-1) var(--space-3)}.status-text{font-size:10px}.title-line{font-size:clamp(var(--text-xl),4.5vw,var(--text-2xl))!important;text-align:center;width:100%}.title-highlight{font-size:clamp(var(--text-lg),4vw,var(--text-xl))!important;text-align:center;width:100%}.hero-description{font-size:var(--text-base);margin-bottom:var(--space-5)}.hero-stats{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--space-1);margin:0 auto var(--space-5) auto;width:calc(100% - var(--space-2));max-width:280px;padding:0;box-sizing:border-box}.stat-item{flex-direction:column;min-width:0;padding:var(--space-1);gap:var(--space-1);margin:0;flex:1;max-width:calc(33.333% - var(--space-1));box-sizing:border-box}.stat-number{font-size:1rem!important}.stat-label{font-size:.5rem!important}.hero-actions{gap:var(--space-2);margin-bottom:var(--space-5)}.cta-button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.tech-icons{gap:var(--space-1)}.tech-icon{font-size:var(--text-lg);padding:var(--space-1)}.tech-tooltip{min-width:100px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.tooltip-header{font-size:var(--text-xs)}.tooltip-description{font-size:10px}.footer-container{padding:0 var(--space-3)}.footer{padding:var(--space-8) 0 var(--space-4)}.social-links{gap:var(--space-2)}.social-link{padding:var(--space-2) var(--space-3)}.footer-bottom-content{gap:var(--space-2);text-align:center}.footer-copyright,.footer-built-with,.footer-version{text-align:center;flex:none}.footer-version{justify-content:center}}@media (max-width: 375px){.hero{padding-top:45px;min-height:calc(100vh - 20px)}.hero-content{padding:var(--space-4) var(--space-1)}.hero-profile{margin-bottom:var(--space-3);padding-top:var(--space-1)}.avatar-placeholder{width:65px;height:65px;margin-top:var(--space-1)}.avatar-emoji{font-size:24px}.status-indicator{padding:var(--space-1) var(--space-2)}.status-text{font-size:9px}.hero-title{margin-bottom:var(--space-6)}.title-line{font-size:clamp(var(--text-lg),4vw,var(--text-xl))!important}.title-highlight{font-size:clamp(var(--text-base),3.5vw,var(--text-lg))!important}.hero-description{font-size:var(--text-sm);margin-bottom:var(--space-4)}.hero-stats,.hero-actions{max-width:260px;margin-bottom:var(--space-4)}.tech-tooltip{min-width:100px;max-width:180px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);top:130%;white-space:normal;word-wrap:break-word}.tooltip-header{font-size:var(--text-xs)}.tooltip-description{font-size:10px}}