:root{--color-primary:#102a49;--color-primary-light:#1e3c61;--color-primary-dark:#0a1c30;--color-secondary:#4CAF50;--color-secondary-light:#6abe6e;--color-secondary-dark:#3d8b40;--color-accent:#2196F3;--color-accent-light:#4dabf5;--color-accent-dark:#0c7cd5;--color-background:#FFFFFF;--color-surface:#F5F7FA;--color-text:#333333;--color-text-secondary:#757575;--color-text-disabled:#BDBDBD;--color-border:#E0E0E0;--color-divider:#EEEEEE;--color-success:#4CAF50;--color-error:#F44336;--color-warning:#FF9800;--color-info:#2196F3;--font-family-base:"Arial",sans-serif;--font-family-heading:"Arial",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--transition-timing-default:cubic-bezier(0.4,0,0.2,1);--transition-timing-in:cubic-bezier(0.4,0,1,1);--transition-timing-out:cubic-bezier(0,0,0.2,1);--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-fixed:1200;--z-index-modal-backdrop:1300;--z-index-modal:1400;--z-index-popover:1500;--z-index-tooltip:1600}.dark-theme{--color-background:#121212;--color-surface:#1E1E1E;--color-text:#E0E0E0;--color-text-secondary:#ABABAB;--color-text-disabled:#666666;--color-border:#333333;--color-divider:#2A2A2A}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family-base)}body{color:var(--color-text);background:var(--color-background);line-height:var(--line-height-normal)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast) var(--transition-timing-default)}a:hover{color:var(--color-accent-dark)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-md);color:var(--color-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}.main-content{padding-top:var(--space-lg);min-height:calc(100vh - 60px);max-width:1200px;margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);color:white;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast) var(--transition-timing-default)}.btn:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}@media (min-width:1024px){html{scroll-behavior:smooth}}