:root{--bg-color:#f7f7f7;--surface-color:#fff;--primary-green:#1f7d46;--text-main:#374151;--text-light:#9ca3af;--border-color:#d1d5db;--toggle-bg:#f3f4f6;--toggle-active:#d1d5db;--sans:"Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--sans);background-color:var(--bg-color);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;margin:0;padding:0;display:flex}.container{background-color:var(--surface-color);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:480px;min-height:100vh;padding:60px 40px;display:flex;box-shadow:0 4px 20px #0000000d}@media (width>=640px){.container{border-radius:12px;min-height:auto;margin:40px}}.logo-section{text-align:center;margin-top:40px;margin-bottom:40px}.logo-title{color:var(--primary-green);letter-spacing:-1.5px;margin:0;font-size:52px;font-weight:800;line-height:1}.logo-subtitle{color:var(--primary-green);margin:4px 0 0;font-size:15px;font-weight:500}.auth-toggle{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:320px;margin-bottom:30px;display:flex;overflow:hidden}.auth-toggle button{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-size:14px;font-weight:500;transition:all .2s}.auth-toggle button.active{background-color:var(--toggle-active);color:var(--text-main);border-right:1px solid var(--border-color)}.auth-toggle button:not(.active):hover{background-color:var(--toggle-bg)}.form-group{width:100%;max-width:320px;margin-bottom:16px;position:relative}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:14px 16px;font-size:14px;transition:border-color .2s}.input-field::placeholder{color:var(--text-light)}.input-field:focus{border-color:var(--primary-green)}.password-icon{color:var(--text-light);cursor:pointer;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.continue-btn{background-color:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:24px;padding:12px 32px;font-size:14px;font-weight:500;transition:opacity .2s,transform .1s}.continue-btn:hover{opacity:.9}.continue-btn:active{transform:scale(.98)}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.status-alert{box-sizing:border-box;text-align:center;border-radius:6px;width:100%;max-width:320px;margin-top:24px;padding:12px 16px;font-size:13px}.status-success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.status-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}