.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;background:#111318;border:1px solid #292e36;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.55);transform:translateY(15px) scale(.98);transition:transform .2s ease;position:relative}.modal-overlay.active .modal-container{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#1a1d22;color:#aaa;font-size:20px;cursor:pointer;z-index:5}.modal-close:hover{background:#242830;color:#fff}.modal-content{padding:32px}.auth-logo{font-size:28px;font-weight:900;letter-spacing:-1px;margin-bottom:28px}.auth-logo span{color:#ff3b30}.auth-modal h2{font-size:27px;margin-bottom:8px}.auth-subtitle{color:#777d86;font-size:13px;line-height:1.6;margin-bottom:28px}.form-group{margin-bottom:18px}.form-group label{display:block;color:#b9bdc4;font-size:12px;font-weight:700;margin-bottom:8px}.form-group input{width:100%;padding:13px 14px;background:#181b20;border:1px solid #292e36;border-radius:9px;color:#fff;outline:none;font-size:13px}.form-group input:focus{border-color:#ff3b30}.auth-button{width:100%;border:0;background:#ff3b30;color:#fff;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:800;cursor:pointer}.auth-errors{background:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.25);color:#ff817a;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.5;margin-bottom:20px}.auth-footer{text-align:center;color:#70757d;font-size:12px;margin-top:24px}.auth-footer a{color:#fff;font-weight:700;margin-left:5px}