:root {
            --brand-1: #1775AE;
            --brand-2: #0f4f78;
            --brand-3: #19a7e0;
        }
        body {
            min-height: 100vh;
            margin: 0;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            background: radial-gradient(circle at 10% 20%, rgba(23, 117, 174, 0.2) 0, transparent 35%),
                        radial-gradient(circle at 80% 80%, rgba(25, 167, 224, 0.22) 0, transparent 40%),
                        linear-gradient(135deg, #eef6fb 0%, #dfeff9 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.25rem;
        }
        .reset-card {
            width: 100%;
            max-width: 520px;
            border: 0;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 16px 38px rgba(15, 55, 81, 0.2);
            background: #fff;
        }
        .reset-header {
            padding: 1.3rem 1.5rem 1rem;
            background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
            color: #fff;
        }
        .reset-logo {
            max-width: 190px;
            width: 100%;
            height: auto;
            margin-bottom: 0.75rem;
            filter: brightness(0) invert(1);
        }
        .reset-body {
            padding: 1.4rem 1.5rem 1.6rem;
        }
        .form-label {
            font-weight: 600;
            color: #243647;
        }
        .form-control {
            min-height: 48px;
            border-radius: 10px;
        }
        .btn-brand {
            min-height: 46px;
            border: 0;
            border-radius: 10px;
            font-weight: 700;
            background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
            color: #fff;
        }
        .btn-brand:hover {
            color: #fff;
            transform: translateY(-1px);
        }