:root{--purple-40: #6650a4;--purple-grey-40: #625b71;--pink-40: #7D5260;--purple-80: #D0BCFF;--purple-grey-80: #CCC2DC;--pink-80: #EFB8C8;--login-button: #6495EB;--find-id-password: #2E2E2E;--light-bg: #FBFBFB;--light-surface: #FFFFFF;--light-on-bg: #1F1B17;--light-on-surface: #1F1B17;--light-field: #F1EEE9;--error-light: #B3261E;--dark-bg: #151214;--dark-surface: #1F1B1D;--dark-on-bg: #E9E3DC;--dark-on-surface: #E9E3DC;--dark-field: #2A262B;--error-dark: #F2B8B5;--splash-bg: #F5F6FA;--white: #FFFFFF;--black: #000000;--primary: var(--login-button);--on-primary: var(--light-surface);--secondary: var(--light-on-surface);--on-secondary: var(--light-surface);--tertiary: var(--light-on-surface);--background: var(--light-bg);--on-background: var(--light-on-bg);--surface: var(--light-surface);--on-surface: var(--light-on-surface);--field-bg: var(--light-field);--error: var(--error-light);--border-color: #DADCE0;--font-family: "Roboto", "Inter", system-ui, -apple-system, sans-serif;--on-surface-variant: #666}@media(prefers-color-scheme:dark){:root{--primary: var(--login-button);--on-primary: var(--light-surface);--secondary: var(--dark-on-surface);--tertiary: var(--dark-on-surface);--background: var(--dark-bg);--on-background: var(--dark-on-bg);--surface: var(--dark-surface);--on-surface: var(--dark-on-surface);--field-bg: var(--dark-field);--error: var(--error-dark);--border-color: #444746;--on-surface-variant: #CAC4D0}}body{margin:0;padding:0;font-family:var(--font-family);background-color:#f0f2f5;color:var(--on-background);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;display:flex;justify-content:center;min-height:100vh}#root{width:100%;background-color:var(--background);min-height:100vh;display:flex;flex-direction:column}@media(prefers-color-scheme:dark){body{background-color:#121212}}a{text-decoration:none;color:inherit}*{box-sizing:border-box}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;font-family:var(--font-family)}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{opacity:.9}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:#6495eb1a}.input-field{background-color:var(--field-bg);color:var(--on-surface);border:none;border-radius:8px;padding:12px 16px;width:100%;font-size:16px;outline:none}.input-field:focus{box-shadow:0 0 0 2px var(--primary)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}