.auth-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000026}.auth-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;transition:color .2s;display:flex;position:absolute;top:15px;right:15px}.auth-modal-close:hover{color:#374151}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-title{color:#111827;margin-bottom:8px;font-size:28px;font-weight:700}.auth-modal-subtitle{color:#6b7280;font-size:14px}.auth-modal-form{margin-top:24px}.auth-modal-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px}.auth-modal-field{margin-bottom:20px}.auth-modal-label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.auth-modal-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.auth-modal-input:focus{border-color:#00b4d8;outline:none;box-shadow:0 0 0 3px #00b4d81a}.auth-modal-input::placeholder{color:#9ca3af}.auth-modal-submit{color:#fff;cursor:pointer;background-color:#00b4d8;border:none;border-radius:6px;width:100%;margin-top:24px;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.auth-modal-submit:hover{background-color:#0096b4}.auth-modal-submit:disabled{opacity:.5;cursor:not-allowed}.auth-modal-footer{text-align:center;margin-top:24px}.auth-modal-footer-text{color:#6b7280;font-size:14px}.auth-modal-link{color:#00b4d8;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none}.auth-modal-link:hover{color:#0096b4;text-decoration:underline}@media (max-width:480px){.auth-modal{padding:30px 20px}.auth-modal-title{font-size:24px}}