:root {
    --pd-navy: #0b1f3a;
    --pd-blue: #1f5eff;
    --pd-gold: #d4a017;
    --pd-soft: #f4f7fb;
}

.auth-body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(31,94,255,.18), transparent 32rem),
        radial-gradient(circle at bottom right, rgba(212,160,23,.22), transparent 28rem),
        linear-gradient(135deg, #f8fbff, #eef3fa);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.auth-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.auth-card {
    width: min(100%, 460px);
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(11,31,58,.1);
    border-radius: 28px;
    padding: 32px;
    box-shadow: 0 28px 80px rgba(11,31,58,.18);
}

.auth-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.auth-logo {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--pd-gold), #ffe7a1);
    color: var(--pd-navy);
    font-weight: 900;
    font-size: 20px;
}

.auth-brand h1 {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    color: var(--pd-navy);
}

.auth-brand p {
    margin: 0;
    color: #64748b;
}

.form-control {
    border-radius: 16px;
    border-color: rgba(11,31,58,.14);
}

.btn-primary {
    background: var(--pd-blue);
    border-color: var(--pd-blue);
    border-radius: 16px;
    font-weight: 800;
}

.auth-links {
    text-align: center;
    margin-top: 18px;
}

.auth-links a {
    color: var(--pd-blue);
    text-decoration: none;
    font-weight: 700;
}