html, body {
    height: 100%;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, 0.15), transparent 30%),
        radial-gradient(circle at bottom right, rgba(111, 66, 193, 0.12), transparent 30%),
        linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #1f2937;
}

.app-shell {
    min-height: 100vh;
}

.card {
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.94);
}

.password-box {
    font-family: Consolas, "Courier New", monospace;
    letter-spacing: 0.06em;
    font-weight: 600;
}

.rules-box {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
}

.rules-box ul {
    padding-left: 1.2rem;
}

.form-control:read-only {
    background-color: #fff;
}

.text-muted {
    color: #6b7280 !important;
}