body{font-family:Arial,sans-serif;background-color:#f3f3f3;align-items:center;justify-content:center;height:100vh}.auth-container{background-color:#fff;padding:0;border-radius:8px;width:100%;max-width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin:auto}.tabs{display:flex;margin-bottom:20px;width:50%;align-items:center;margin:auto}.tabs button{flex:1;padding:10px;border:none;background:#ddd;cursor:pointer;font-weight:bold}.tabs button.active{background-color:#1976d2;color:#fff}.form{flex-direction:column;width:100%;max-width:100%;margin:auto;padding:20px;border:1px solid #ddd;border-radius:8px}.form.active{display:flex}.form input,.form select{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px}.form button{background-color:#1976d2;color:#fff;padding:10px;border:none;border-radius:4px;margin-top:10px;cursor:pointer}.form button:hover{background-color:#0d47a1}input,button{display:block;width:100%;margin-bottom:15px;padding:10px;font-size:16px}.loader{display:none;margin-top:15px;text-align:center}.loader.show{display:block}.spinner{margin:0 auto 10px;width:40px;height:40px;border:5px solid #f3f3f3;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader-text{color:#007bff;font-weight:bold;font-size:14px}.reqiresing{color:red}.location-note{font-size:14px;color:#333;margin-bottom:12px;background-color:#e9f5ff;padding:10px 14px;border-left:4px solid #007bff;border-radius:5px}