:root{--color-primary: #38BDF8;--color-primary-dark: #0EA5E9;--color-background: #F0F9FF;--color-text-on-primary: #0C4A6E;--color-white: #FFFFFF;--color-text: #1E293B;--color-text-muted: #64748B;--color-border: #E0F2FE;--color-surface: #FFFFFF;--color-surface-raised: #F8FAFC;--color-primary-hover: #0EA5E9;--color-primary-active: #0284C7;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-success: #10B981;--color-success-bg: #ECFDF5;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(14, 165, 233, .08);--shadow-md: 0 4px 16px rgba(14, 165, 233, .12);--shadow-lg: 0 8px 32px rgba(14, 165, 233, .16);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-dark);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer}img{max-width:100%;display:block}.nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}