.ultu-login-btn {
    background: #3a72c7;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 28px;
    font-size: 1.15em;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(60,100,200,0.08);
    transition: background 0.15s;
}
.ultu-login-btn:hover { background: #254b90; }

#ultu-login-modal {
    position: fixed; top:0; left:0; width:100vw; height:100vh; z-index:3000;
    display:flex; align-items:center; justify-content:center;
}
.ultu-modal-bg {
    position: absolute; inset:0; background: rgba(20,30,55,0.38);
}
.ultu-modal-content {
    position:relative; z-index:2; background: #fff; border-radius:12px;
    box-shadow: 0 8px 44px rgba(20,30,55,0.16), 0 1.5px 8px rgba(0,0,0,0.08);
    padding: 36px 26px 24px 26px;
    max-width: 370px; min-width: 270px; width: 96vw;
    animation: fadein 0.24s;
}
.ultu-modal-close {
    position: absolute; top: 10px; right: 12px; background: none; border: none;
    color: #888; font-size: 2em; font-weight: 600; cursor: pointer; z-index:10;
}
.ultu-modal-close:hover { color: #c22; }

.ultu-form { display:flex; flex-direction:column; gap:18px; }
.ultu-form h2 { margin-bottom:4px; font-size:1.32em; font-weight:700; color:#20457a; }
.ultu-field { display:flex; flex-direction:column; gap:3px; }
.ultu-field label { font-size:1em; color:#314a6b; font-weight:500;}
.ultu-field input {
    border: 1.5px solid #d1d7e8; border-radius:4px; padding:8px 12px;
    font-size:1em; transition: border 0.14s;
}
.ultu-field input:focus { border-color: #3a72c7; outline:none; }
.ultu-actions { display: flex; gap: 12px; flex-wrap:wrap; align-items: center;}
.ultu-actions button[type="submit"] {
    background: #20a461; color:#fff; border:none; border-radius:4px; padding:8px 22px;
    font-size:1.03em; font-weight:600; cursor:pointer; transition: background 0.15s;
}
.ultu-actions button[type="submit"]:hover { background:#157447; }
.ultu-link {
    background: none; color: #3a72c7; border:none; cursor:pointer; font-size:1em; text-decoration:underline;
    padding:0 4px;
}
.ultu-link:hover { color:#254b90; }
.ultu-msg { margin-top:8px; font-size:1em; min-height:18px;}
@media (max-width:500px) {
    .ultu-modal-content { max-width:96vw; min-width:0; padding: 16px 5vw 12px 5vw;}
}