.hidden{display:none}.modal{z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 16px #0003;width:90%;max-width:400px;opacity:1;transition:opacity .3s ease,transform .3s ease}.modal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal.hidden{display:none;opacity:0;transform:translate(-50%,-50%) scale(.9)}.modal-content{text-align:center}.modal-content h3{margin-bottom:16px;font-size:18px;font-weight:700;color:#333}.modal-content input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:6px;font-size:16px}.modal-content button{width:100%;padding:12px;margin-top:10px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out}.modal-content #sendMagicLinkBtn{background-color:#007bff;color:#fff}.modal-content #sendMagicLinkBtn:hover{background-color:#0056b3}.modal-content #sendMagicLinkBtn:disabled{background-color:#a0c4ff;cursor:not-allowed}.modal-content #closeLoginBtn{background-color:#ddd;color:#000}.modal-content #closeLoginBtn:hover{background-color:#bbb}.modal-content .terms-container{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#555;margin-top:12px}.modal-content .terms-container input{width:auto}.modal-content .terms-container a{color:#007bff;text-decoration:none}.modal-content .terms-container a:hover{text-decoration:underline}