body {
    font-family: system-ui, -apple-system, sans-serif;
    background-color: #F8FAFC;
    color: #0F172A;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
.card {
    background: #FFFFFF;
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    border-top: 1px solid #1E3A8A; /* Enterprise Blue Primary */
}
h2 { color: #1E3A8A; margin-top: 0; }
p { color: #64748B; font-size: 0.9rem; line-height: 1.4; }
.input-group { margin: 1.5rem 0; }
label { display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.85rem; }
input {
    width: 100%; padding: 0.75rem; border: 1px solid #CBD5E1;
    border-radius: 4px; box-sizing: border-box; font-size: 1rem;
}
input:focus { outline: 2px solid #1E3A8A; }
button {
    background-color: #0D9488; /* Teal Accent Action */
    color: white; border: none; padding: 0.75rem 1.5rem;
    font-size: 1rem; font-weight: 600; border-radius: 4px;
    width: 100%; cursor: pointer; transition: background 0.2s;
}
button:hover { background-color: #0F766E; }
#feedback { margin-top: 1rem; padding: 0.75rem; border-radius: 4px; font-size: 0.9rem; text-align: center;}
.success { background-color: #DCFCE7; color: #15803D; border: 1px solid #BBF7D0; }
.error { background-color: #FEE2E2; color: #B91C1C; border: 1px solid #FCA5A5; }
.hidden { display: none; }