:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #10131a; color: #f4f6fb; }
    main { width: min(360px, calc(100vw - 48px)); padding: 32px; border: 1px solid #303746; border-radius: 16px; background: #181d27; }
    h1 { margin: 0 0 24px; font-size: 24px; }
    label { display: grid; gap: 8px; margin: 16px 0; font-size: 14px; }
    input, button, .secondary-button { box-sizing: border-box; width: 100%; padding: 12px; border-radius: 8px; font: inherit; }
    input { border: 1px solid #465066; background: #10131a; color: inherit; }
    button { margin-top: 8px; border: 0; background: #4f7cff; color: white; cursor: pointer; }
    .secondary-button { display: block; border: 1px solid #465066; color: #dce4ff; text-align: center; text-decoration: none; }
    #error { min-height: 20px; color: #ff8a8a; font-size: 14px; }
    p { margin-bottom: 0; }