.login-form-wrapper{width:100%;max-width:400px}.login-form-container{background:white;border-radius:12px;padding:32px}.login-header{text-align:left;margin-bottom:32px}.login-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.login-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.login-fields{width:100%}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{width:100%}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:white}.form-input:focus{outline:none;border-color:#000000;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.login-button{width:100%;padding:12px 16px;background-color:#000000;color:white;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s ease-in-out;opacity:1}.login-button:hover:not(:disabled){opacity:.7}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed}.divider-container{margin-top:24px;text-align:center}.divider{display:flex;align-items:center;margin-bottom:16px}.divider-line{flex:1;height:1px;background-color:#d1d5db}.divider-text{padding:0 16px;color:#6b7280;font-size:14px}.social-buttons{display:flex;gap:12px}.google-button{flex:1;padding:12px 16px;background-color:white;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s ease-in-out}.google-button:hover{background-color:#f3f3f3}.google-icon{width:18px;height:18px}.login-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px}.login-error-message,.login-success-message{padding:12px;margin-bottom:16px;font-size:14px}.login-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:8px}.login-form-main-container{width:100%;margin:0 auto}.magic-link-form{margin-bottom:24px}.magic-link-form-group{margin-bottom:16px}.magic-link-email-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.magic-link-email-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:white}.magic-link-email-input:disabled{background-color:#f9fafb;opacity:.7}.magic-link-submit-button{width:100%;padding:12px 16px;background-color:#333;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.magic-link-submit-button:hover:not(:disabled){opacity:1}.magic-link-submit-button:disabled{cursor:not-allowed;opacity:.7}.magic-link-submit-button.success{background-color:#16a34a}.magic-link-submit-button.success:hover:not(:disabled){background-color:#15803d}.login-separator{display:flex;align-items:center;margin:24px 0;color:#6b7280;font-size:14px}.login-separator-line{flex:1;height:1px;background-color:#e5e7eb}.login-separator-text{padding:0 16px}