body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.5rem 1rem;
            background-color: #f8f9fa;
        }

        .new-password-card {
            width: 100%;
            max-width: 420px;
            padding: clamp(1.5rem, 5vw, 2.5rem);
            background: #fff;
            border-radius: 1rem;
            box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .08);
        }

        .new-password-icon {
            width: 3.5rem;
            height: 3.5rem;
            display: inline-grid;
            place-items: center;
            border-radius: 50%;
            background: #e7f1ff;
            color: #0d6efd;
            font-size: 1.35rem;
        }


        .forgot-password-card {
            width: 100%;
            max-width: 420px;
            padding: clamp(1.5rem, 5vw, 2.5rem);
            background: #fff;
            border-radius: 1rem;
            box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .08);
        }

        .forgot-password-icon {
            width: 3.5rem;
            height: 3.5rem;
            display: inline-grid;
            place-items: center;
            border-radius: 50%;
            background: #e7f1ff;
            color: #0d6efd;
            font-size: 1.35rem;
        }