/* RagnaKon Reset Password v1.0 */
.rk-reset-page {
    width: 100%;
    min-height: 680px;
    padding: 72px 20px 90px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background:
        linear-gradient(rgba(2, 13, 28, .78), rgba(2, 13, 28, .94)),
        url('../img/hero-bg-new.png') center center / cover no-repeat;
}

.rk-reset-card {
    width: min(560px, 100%);
    padding: 38px 38px 34px;
    background: linear-gradient(145deg, rgba(8,34,59,.98), rgba(3,17,32,.98));
    border: 1px solid rgba(218, 168, 68, .75);
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);
}

.rk-reset-header { text-align: center; margin-bottom: 28px; }
.rk-reset-kicker {
    color: #e4b854;
    font: 700 12px/1.4 Arial, sans-serif;
    letter-spacing: 2.4px;
    margin-bottom: 10px;
}
.rk-reset-header h1 {
    margin: 0 0 12px;
    color: #fff;
    font: 700 38px/1.1 Georgia, "Times New Roman", serif;
    text-shadow: 0 3px 12px rgba(0,0,0,.65);
}
.rk-reset-header p {
    margin: 0 auto;
    max-width: 460px;
    color: #b9c8d6;
    font: 15px/1.7 Arial, sans-serif;
}

.rk-reset-form { display: grid; gap: 18px; }
.rk-reset-field { display: grid; gap: 7px; }
.rk-reset-field label {
    color: #e9c365;
    font: 700 12px/1.2 Arial, sans-serif;
    letter-spacing: 1.2px;
}
.rk-reset-field input,
.rk-reset-field select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #45627d;
    border-radius: 6px;
    outline: none;
    background: #07192b;
    color: #fff;
    font: 15px Arial, sans-serif;
    transition: border-color .18s, box-shadow .18s;
}
.rk-reset-field input:focus,
.rk-reset-field select:focus {
    border-color: #d9aa45;
    box-shadow: 0 0 0 3px rgba(217,170,69,.12);
}
.rk-reset-field small { color: #7890a6; font: 12px Arial, sans-serif; }

.rk-reset-submit {
    height: 50px;
    margin-top: 4px;
    border: 1px solid #f0ce74;
    border-radius: 7px;
    background: linear-gradient(180deg, #ffdf79 0%, #dda83c 58%, #b77715 100%);
    color: #1b1204;
    font: 800 14px Arial, sans-serif;
    letter-spacing: 1.2px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 5px 15px rgba(0,0,0,.35);
}
.rk-reset-submit:hover { filter: brightness(1.08); }

.rk-reset-alert {
    margin: 0 0 20px;
    padding: 13px 15px;
    border-radius: 6px;
    font: 13px/1.5 Arial, sans-serif;
}
.rk-reset-alert-error {
    color: #ffd8d8;
    background: rgba(111, 20, 28, .55);
    border: 1px solid rgba(232, 88, 98, .65);
}

.rk-reset-footer {
    margin-top: 24px;
    text-align: center;
    color: #71879a;
    font: 13px Arial, sans-serif;
}
.rk-reset-footer a { color: #d8b45b; text-decoration: none; }
.rk-reset-footer a:hover { color: #ffe28d; text-decoration: underline; }
.rk-reset-footer span { margin: 0 8px; }

@media (max-width: 600px) {
    .rk-reset-page { padding: 38px 12px 60px; min-height: 600px; }
    .rk-reset-card { padding: 28px 20px 25px; }
    .rk-reset-header h1 { font-size: 31px; }
}