.auth-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 18px;
    width: 82px;
    height: 82px;
    text-decoration: none;
}

.auth-logo img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    display: block;
    transition: transform .2s ease, opacity .2s ease;
}

.auth-logo:hover img {
    transform: scale(1.05);
    opacity: .9;
}

.auth-back {
    display: block;
    margin-top: 20px;
    text-align: center;
    color: inherit;
    text-decoration: none;
    font-size: 14px;
    opacity: .75;
    transition: opacity .2s ease;
}

.auth-back:hover {
    opacity: 1;
    text-decoration: underline;
}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1d2733}.auth-card{width:min(440px,calc(100% - 28px));margin:7vh auto;padding:26px;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08)}h1{margin:0 0 8px}label{display:block;font-weight:600;margin:15px 0}input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d5dbe3;border-radius:10px;font-size:16px}button{width:100%;border:0;border-radius:10px;padding:13px;font-size:16px;font-weight:700;cursor:pointer;background:#111827;color:#fff;margin-top:10px}#result{margin-top:18px;line-height:1.5}#result a{display:block;margin-top:12px;padding:12px;border-radius:10px;text-align:center;background:#229ED9;color:#fff;text-decoration:none;font-weight:700}