.auth-wrap{--auth-green:#1e6b3c;--auth-green-mid:#2d8653;--auth-navy:#111827;--auth-navy-hover:#1f2937;--auth-border:#d4e2d8;--auth-muted:#5a6b5e;--auth-text:#111a13;--auth-field-bg:#f6faf7;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(1000px 520px at 50% -10%,#e8f3ed 0,rgba(232,243,237,0) 62%),#eef3ee;font-family:Plus Jakarta Sans,sans-serif;color:var(--auth-text)}.auth-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--auth-border);border-radius:22px;padding:36px 32px 30px;box-shadow:0 18px 50px rgba(17,26,19,.1)}.auth-brand{flex-direction:column;gap:14px;margin-bottom:22px}.auth-brand,.auth-logo{display:flex;align-items:center}.auth-logo{gap:10px}.auth-logo-mark{width:40px;height:40px;border-radius:12px;background:var(--auth-green);display:flex;align-items:center;justify-content:center;color:#fff}.auth-logo-mark,.auth-logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:22px}.auth-logo-text{letter-spacing:2px;color:var(--auth-text)}.auth-heading{text-align:center}.auth-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:23px;color:var(--auth-text)}.auth-sub{font-size:13.5px;color:var(--auth-muted);margin-top:5px;line-height:1.5}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1.5px solid var(--auth-border);border-radius:12px;background:#fff;color:var(--auth-text);font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn-google:hover:not(:disabled){background:var(--auth-field-bg);border-color:#bcd3c4}.btn-google:active:not(:disabled){transform:translateY(1px)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--auth-muted);font-size:12px;font-weight:500}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--auth-border)}.auth-form{gap:15px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--auth-text)}.field .hint{font-weight:400;color:var(--auth-muted)}.auth-input,.auth-select,.auth-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--auth-border);border-radius:12px;background:var(--auth-field-bg);font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;color:var(--auth-text);outline:none;transition:border-color .15s,background .15s}.auth-textarea{resize:vertical;min-height:84px}.auth-input:focus,.auth-select:focus,.auth-textarea:focus{border-color:var(--auth-green);background:#fff}.auth-input::placeholder,.auth-textarea::placeholder{color:#9fb2a5}.field-row{display:flex;align-items:center;justify-content:space-between}.btn-auth{width:100%;padding:13px 16px;border:none;border-radius:12px;background:var(--auth-navy);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;margin-top:4px}.btn-auth:hover:not(:disabled){background:var(--auth-navy-hover)}.btn-auth:active:not(:disabled){transform:translateY(1px)}.btn-auth:disabled,.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-link{color:var(--auth-green);font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.auth-link:hover{text-decoration:underline}.auth-alt{text-align:center;margin-top:20px;font-size:13.5px;color:var(--auth-muted)}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px}.auth-error,.auth-note{padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:4px}.auth-note{background:#eaf5ee;border:1px solid #d8e4dc;color:#1c6b3c;border-radius:12px}.otp-input{text-align:center;font-size:24px;font-weight:700;letter-spacing:10px;padding-left:24px}.otp-input::placeholder{letter-spacing:10px}.role-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-option{display:flex;align-items:center;gap:11px;border:1.5px solid var(--auth-border);background:var(--auth-field-bg);border-radius:14px;padding:13px 12px;cursor:pointer;text-align:left;font-family:inherit;color:var(--auth-text);transition:border-color .15s,background .15s,box-shadow .15s,color .15s}.role-option.active,.role-option:hover{border-color:var(--auth-green)}.role-option.active{background:var(--auth-green);color:#fff;box-shadow:0 8px 18px rgba(30,107,60,.25)}.role-emoji{font-size:22px;line-height:1}.role-text{display:flex;flex-direction:column;gap:2px}.role-name{font-weight:700;font-size:14px}.role-desc{font-size:11px;opacity:.8;line-height:1.3}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;color:#5a6b5e;background:#eef3ee}@media (max-width:480px){.auth-card{padding:28px 20px 24px;border-radius:18px}.role-toggle{grid-template-columns:1fr}}