.reset-card-center {
        width: 100%;
        max-width: 430px;
        margin: 3.2rem auto 2.5rem auto;
    }
    .password-card {
        background: #f5f6fa;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
        position: relative;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        min-width: 0;
    }
    .password-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.13);
    }
    .card-header {
        background: linear-gradient(to right, #6c5ce7, #00cec9);
        color: white;
        padding: 30px 30px 18px 30px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .card-header h1 { font-weight: 600; font-size: 1.7rem; margin-bottom: 5px; margin-top: 10px;}
    .card-header p { opacity: 0.92; font-weight: 300; font-size: 1.02rem;}
    .card-body { padding: 30px;}
    .form-group { margin-bottom: 25px; position: relative;}
    .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #2d3436;}
    .input-field { position: relative;}
    .input-field i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #6c5ce7; z-index: 2;}
    .input-field input {
        width: 100%; padding: 15px 15px 15px 50px;
        border: 2px solid #e0e3e6; border-radius: 12px; font-size: 16px;
        transition: all 0.3s;
        background: white;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    .input-field input:focus {
        outline: none; border-color: #6c5ce7; box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.13);
    }
    .submit-btn {
        width: 100%; padding: 16px;
        background: linear-gradient(to right, #6c5ce7, #00cec9); color: white;
        border: none; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer;
        transition: all 0.3s; margin-top: 10px;
        box-shadow: 0 4px 15px rgba(108, 92, 231, 0.17);
        display: flex; align-items: center; justify-content: center;
        position: relative; overflow: hidden;
    }
    .submit-btn:hover {
        background: linear-gradient(to right, #5649c0, #00cec9);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(108, 92, 231, 0.18);
    }
    .footer-text {
        text-align: center;
        margin-top: 20px;
        font-size: 0.93rem;
        color: #636e72;
    }
    .footer-text a {
        color: #6c5ce7;
        text-decoration: none;
        font-weight: 500;
    }
    .footer-text a:hover { text-decoration: underline; }
    .info-message {
        background: rgba(9, 132, 227, 0.11);
        border-left: 4px solid #0984e3;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
    }
    .info-message i {
        margin-right: 10px;
        color: #0984e3;
    }
    @media (max-width: 576px) {
        .reset-card-center { margin: 1.3rem 0; max-width: 98vw;}
        .password-card { border-radius: 10px;}
        .card-header { padding: 20px 8px 10px 8px;}
        .card-body { padding: 18px 5px;}
        .card-header h1 { font-size: 1.14rem;}
    }