:root{font-family:Open Sans,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue-primary: #4A90E2;--blue-secondary: #2E5C8A;--blue-light: #6BA3E8;--blue-dark: #1E4A6B;--red-primary: #DC3545;--red-hover: #C82333;--bg-color: #E2ECF3;--bg-secondary: #F5F8FA;--bg-tertiary: #D4E4ED;--bg-card: #FFFFFF;--text-color: #213547;--text-secondary: rgba(33, 53, 71, .8);--text-tertiary: rgba(33, 53, 71, .6);--text-muted: #666666;--border-color: #D0DDE6;--border-secondary: #B8C9D4;--link-color: #4A90E2;--link-hover: #6BA3E8;--button-bg: #FFFFFF;--button-text: #213547;--button-primary-bg: #DC3545;--button-primary-hover: #C82333;--button-secondary-bg: #4A90E2;--button-secondary-hover: #6BA3E8;--card-bg: #FFFFFF;--card-border: #D0DDE6;--input-bg: #FFFFFF;--input-border: #B8C9D4;--input-text: #213547}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--link-color);text-decoration:inherit}nav a,nav button{text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}a:hover{color:var(--link-hover)}h1{font-size:3.2em;line-height:1.1;color:var(--text-color)}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--border-secondary);background-color:var(--bg-secondary)}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],textarea{width:100%;padding:.75rem;border-radius:4px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);font-family:inherit;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,textarea:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px #4a90e21a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=url]:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary)}select{padding:.75rem 2.5rem .75rem .75rem;border-radius:4px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-text);font-family:inherit;font-size:1em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23213547' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}select:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px #4a90e21a}select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary)}select option{background-color:var(--input-bg);color:var(--input-text)}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;cursor:pointer;accent-color:var(--blue-primary)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto}