/* ===== RESET PASSWORD PAGE ===== */
* {
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    margin: 0;
    background:linear-gradient(135deg,#1d2671,#c33764);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reset-container {
    width:100%;
    max-width:420px;
    padding:20px;
}

.reset-card {
    background:#fff;
    border-radius:14px;
    padding:30px 25px;
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
    text-align:center;
}

.reset-card h2 {
    margin-bottom:10px;
    color:#2c3e50;
}

.reset-card p {
    font-size:14px;
    color:#7f8c8d;
    margin-bottom:25px;
}

.reset-card input {
    width:100%;
    padding:14px;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:15px;
    margin-bottom:20px;
}

.reset-card input:focus {
    outline:none;
    border-color:#2980b9;
    box-shadow:0 0 0 3px rgba(41,128,185,0.15);
}

.reset-card button {
    width:100%;
    padding:14px;
    border-radius:10px;
    border:none;
    background: linear-gradient(135deg,#2980b9,#3498db);
    color:#fff;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s;
}

.reset-card button:hover {
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(52,152,219,0.4);
}

.reset-card .error { color:red; margin-bottom:15px; }
.reset-card .success { color:green; margin-bottom:15px; }

@media (max-width:480px){
    .reset-card { padding:25px 20px; }
}
/* ===== END RESET PASSWORD PAGE ===== */