.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.auth-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid var(--gray-200)}.auth-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.auth-modal-header p{color:var(--gray-600);margin:0;font-size:.875rem}.close-btn{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-btn:hover{color:var(--gray-600);background:var(--gray-100)}.plan-info{padding:1rem 2rem;background:#6366f10d;border-bottom:1px solid var(--gray-200)}.plan-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-600));color:var(--white);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600}.auth-content{padding:2rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);background:var(--white);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.google-btn:hover:not(:disabled){border-color:var(--gray-400);box-shadow:0 2px 8px #0000001a}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{display:flex;align-items:center;justify-content:center}.divider{position:relative;text-align:center;margin:1.5rem 0;color:var(--gray-500);font-size:.875rem}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-300);z-index:1}.divider span{background:var(--white);padding:0 1rem;position:relative;z-index:2}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem}.input-container{position:relative;display:flex;align-items:center}.input-container svg{position:absolute;left:.875rem;color:var(--gray-400);z-index:2}.input-container input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:.875rem;transition:all .2s ease;background:var(--white)}.input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input-container input:disabled{background:var(--gray-50);opacity:.7}.password-toggle{position:absolute;right:.875rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:var(--border-radius);transition:all .2s ease;z-index:2}.password-toggle:hover{color:var(--gray-600);background:var(--gray-100)}.message{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--border-radius);font-size:.875rem;margin-bottom:1rem}.message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.message.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.submit-btn{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-600));color:var(--white);border:none;border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-switcher{text-align:center}.auth-switcher p{color:var(--gray-600);font-size:.875rem;margin:.5rem 0}.auth-switcher button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:underline;transition:all .2s ease}.auth-switcher button:hover{color:var(--primary-600)}.auth-footer{padding:1.5rem 2rem;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.auth-footer p{text-align:center;font-size:.75rem;color:var(--gray-500);margin:0;line-height:1.4}.auth-footer a{color:var(--primary-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width: 640px){.auth-modal{margin:.5rem;max-height:95vh}.auth-modal-header{padding:1.5rem 1.5rem 1rem}.auth-modal-header h2{font-size:1.5rem}.plan-info,.auth-content,.auth-footer{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 480px){.auth-modal{border-radius:0;max-height:100vh;height:100vh}.auth-modal-header,.plan-info,.auth-content,.auth-footer{padding-left:1rem;padding-right:1rem}}