.auth-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;overflow-y:auto;pointer-events:auto}.auth-modal{background:#111113fa;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;max-width:440px;width:100%;position:relative;box-shadow:0 20px 60px #000c;margin:auto;pointer-events:auto;z-index:100001}.auth-modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:all .2s}.auth-modal-close:hover{background:#ffffff1a;color:#fff}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-header h2{font-size:28px;font-weight:600;margin:0 0 8px;color:#fff}.auth-modal-header p{font-size:14px;color:#ffffff80;margin:0}.auth-modal-content{display:flex;flex-direction:column;gap:20px}.auth-google-button{width:100%;padding:14px 24px;background:#fff;color:#1f1f1f;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s}.auth-google-button:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.auth-google-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;text-align:center;color:#ffffff4d;font-size:13px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.auth-divider span{padding:0 16px}.auth-email-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:16px;color:#fff6;pointer-events:none}.auth-input-group input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;transition:all .2s}.auth-input-group input:focus{outline:none;background:#ffffff14;border-color:#fff3}.auth-input-group input::-moz-placeholder{color:#ffffff4d}.auth-input-group input::placeholder{color:#ffffff4d}.auth-input-group input:disabled{opacity:.5;cursor:not-allowed}.auth-message{padding:12px 16px;border-radius:10px;font-size:14px;text-align:center}.auth-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.auth-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.auth-submit-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#4a9eff,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.auth-submit-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4a9eff66}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;font-size:14px;color:#ffffff80;padding-top:8px}.auth-toggle button{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:14px;font-weight:500;padding:0;margin-left:4px;transition:color .2s}.auth-toggle button:hover{color:#3b82f6;text-decoration:underline}@media (max-width: 480px){.auth-modal{padding:32px 24px}.auth-modal-header h2{font-size:24px}}