.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999;}
.modal[hidden]{display:none;}
.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);}
.modal-box{position:relative;background:#1c1f24;padding:30px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.7);width:340px;max-width:95%;z-index:2;}
.modal-box h2{text-align:center;color:#f1c40f;margin-bottom:16px;}
.modal-box input{width:100%;padding:10px;margin:6px 0;border:none;border-radius:6px;background:#2a2f36;color:#fff;}
.modal-box input:focus{outline:2px solid #2ecc71;}
.btn-login-submit{width:100%;padding:10px;background:#2ecc71;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;}
.btn-login-submit:hover{background:#27ae60;}
.modal-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;}
.modal-close:hover{color:#fff;}