*{box-sizing:border-box}html{scroll-behavior:smooth}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--color-primary: #1a5490;--color-primary-dark: #0d3a6b;--color-primary-light: #2a6ba0;--color-white: #ffffff;--color-black: #000000;--color-text-default: #333333;--color-text-muted: #666666;--color-text-subtle: #999999;--color-text-base: #213547;--color-text-secondary: #495057;--color-bg: #ffffff;--color-bg-page: #f5f5f5;--color-surface: #ffffff;--color-surface-alt: #f8f9fa;--color-surface-muted: #f0f0f0;--color-surface-hover: #f8f8f8;--color-surface-soft: #f0f4f8;--color-border: #e0e0e0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);color-scheme:light;color:var(--color-text-base);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-page)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0}img{max-width:100%;height:auto}a,button{transition:all .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.header{background:var(--color-surface);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:.5rem 2rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin:-.8rem}.logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.logo-link:hover{opacity:.8;transform:scale(1.02)}.logo{height:120px;width:auto}.header-right{display:flex;align-items:center;gap:1rem}.header-social{display:flex;align-items:center}.social-link{color:var(--color-primary);transition:color .3s}.social-link:hover{color:var(--color-primary-dark)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary);padding:.5rem;transition:transform .3s ease,opacity .3s ease;position:relative;z-index:1001}.menu-toggle:hover{opacity:.7;transform:scale(1.1)}.nav{border-top:1px solid var(--color-border);padding-top:1rem}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem;flex-wrap:wrap}.nav-list li{margin:0;animation:fadeInDown .5s ease forwards;opacity:0;will-change:opacity,transform}.nav-list li:nth-child(1){animation-delay:.05s}.nav-list li:nth-child(2){animation-delay:.1s}.nav-list li:nth-child(3){animation-delay:.15s}.nav-list li:nth-child(4){animation-delay:.2s}.nav-list li:nth-child(5){animation-delay:.25s}.nav-list li:nth-child(6){animation-delay:.3s}.nav-list li:nth-child(7){animation-delay:.35s}.nav-list a{color:var(--color-text-default);text-decoration:none;font-weight:500;transition:color .3s ease,transform .2s ease;padding:.5rem 0;display:block;position:relative;will-change:transform}.nav-list a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.nav-list a:hover{color:var(--color-primary);transform:translate(4px)}.nav-list a:hover:after{width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-social-mobile{display:none}@media(max-width:768px){.nav-social-mobile{display:block}.nav-social-mobile a{display:flex;align-items:center;gap:.5rem}.menu-toggle{display:block;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--color-primary);padding:.5rem;transition:transform .3s ease,opacity .3s ease;z-index:1001;position:relative;line-height:1;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{opacity:.7;transform:scale(1.1)}.nav-open .menu-toggle{color:#fff;z-index:1002}.header-top{position:relative;margin:-.3rem -.3rem .5rem}.header-right{gap:.5rem}.logo-link{margin:-.5rem}.logo{height:110px;margin:-.5rem}.header-container{padding:.375rem 1rem}.nav{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;border-top:none;padding-top:0}.nav-open{opacity:1;visibility:visible}.nav-list{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;background:var(--color-surface);display:flex;flex-direction:column;gap:0;padding:4rem 0 2rem;margin:0;max-height:none;overflow-y:auto;opacity:1;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #0000001a}.nav-open .nav-list{transform:translate(0)}.nav-list li{border-bottom:1px solid var(--color-border);animation:slideInLeft .2s ease forwards;opacity:0;margin:0}.nav-open .nav-list li{opacity:1}.nav-open .nav-list li:nth-child(1){animation-delay:.05s}.nav-open .nav-list li:nth-child(2){animation-delay:.1s}.nav-open .nav-list li:nth-child(3){animation-delay:.15s}.nav-open .nav-list li:nth-child(4){animation-delay:.2s}.nav-open .nav-list li:nth-child(5){animation-delay:.25s}.nav-open .nav-list li:nth-child(6){animation-delay:.3s}.nav-open .nav-list li:nth-child(7){animation-delay:.35s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-list a{padding:.75rem 1.5rem;font-size:.95rem}.nav-list a:hover{transform:translate(4px);background:var(--color-surface-hover)}.nav-list a:after{display:none}.header-container{padding:.75rem 1rem}.header-social{display:none}.nav-social-mobile{border-top:2px solid var(--color-border);margin-top:.5rem;padding-top:1rem}.social-link-mobile{display:flex;align-items:center;gap:.75rem;color:var(--color-primary);text-decoration:none;padding:.75rem 1.5rem;font-weight:500;transition:background .3s ease,transform .2s ease}.social-link-mobile:hover{background:var(--color-surface-hover);transform:translate(4px)}.social-link-mobile svg{flex-shrink:0}}.footer{background:var(--color-primary);color:var(--color-white);margin-top:4rem;padding:1rem 0;animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:2rem}.footer-logo{display:inline-block;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.footer-logo:hover{opacity:.8;transform:scale(1.05)}.footer-logo-img{height:90px;width:auto;filter:brightness(0) invert(1)}.footer-graphic{display:flex;align-items:center;justify-content:center}.footer-graphic-img{max-height:100px;width:auto;transition:opacity .3s ease}.footer-graphic-img:hover{opacity:.9}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem}@media(max-width:768px){.footer-container{padding:0 1rem}.footer-content{flex-direction:column;gap:2rem;align-items:center}.footer-graphic-img{height:100px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}@media(max-width:768px){.main-content{padding:1rem}}#root{min-height:100vh;display:flex;flex-direction:column}