.auth-shell.svelte-kmqcod{background:#faf9f6;width:100%;height:100vh;display:flex;overflow:hidden}.left-panel.svelte-kmqcod{width:55%;height:100vh;display:none}.right-panel.svelte-kmqcod{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow-y:auto}.mobile-stage.svelte-kmqcod{width:100%;margin-bottom:8px;display:block}.auth-card.svelte-kmqcod{width:min(540px,100% - 2rem);padding:28px 18px 32px}.auth-head.svelte-kmqcod{margin-bottom:22px}.back-btn.svelte-kmqcod{color:#64748b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;font-size:.95rem;font-weight:700;display:inline-flex}h1.svelte-kmqcod{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(2.35rem,3.5vw,3.4rem);font-weight:800;line-height:1.1}p.svelte-kmqcod{color:#475569;margin:0;font-size:1.08rem;font-weight:500}.roles.svelte-kmqcod{gap:16px;display:grid}.role-card.svelte-kmqcod{text-align:left;cursor:pointer;background:#fff;border:2px solid #0f172a14;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;font-family:inherit;transition:all .15s;display:flex}.role-card.svelte-kmqcod:hover{border-color:#ff6b6b4d;transform:translateY(-2px);box-shadow:0 12px 24px #0f172a0f}.role-card.volunteer.svelte-kmqcod .role-icon:where(.svelte-kmqcod){color:#ea580c;background:#ffedd5}.role-card.ngo.svelte-kmqcod .role-icon:where(.svelte-kmqcod){color:#2563eb;background:#dbeafe}.role-icon.svelte-kmqcod{border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.role-copy.svelte-kmqcod{gap:5px;display:grid}.role-copy.svelte-kmqcod strong:where(.svelte-kmqcod){color:#0f172a;font-size:1.15rem;font-weight:700;line-height:1.2}.role-copy.svelte-kmqcod span:where(.svelte-kmqcod){color:#0f172aa6;font-size:14px;font-weight:500;line-height:1.5}.google-btn.svelte-kmqcod{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:flex}.google-btn.svelte-kmqcod:hover{background:#f8fafc;border-color:#0f172a40;box-shadow:0 4px 12px #0f172a0a}.divider.svelte-kmqcod{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0 16px;display:grid}.divider.svelte-kmqcod span:where(.svelte-kmqcod){background:#0f172a1a;height:1px}.divider.svelte-kmqcod small:where(.svelte-kmqcod){text-transform:uppercase;letter-spacing:.12em;color:#0f172a80;font-size:11px;font-weight:700}.auth-form.svelte-kmqcod{gap:12px;display:grid}.name-grid.svelte-kmqcod{grid-template-columns:1fr;gap:10px;display:grid}label.svelte-kmqcod{gap:6px;display:grid}label.svelte-kmqcod span:where(.svelte-kmqcod){color:#0f172a;font-size:13px;font-weight:700}input.svelte-kmqcod{box-sizing:border-box;color:#0f172a;background:#fafafa;border:1px solid #0f172a1f;border-radius:12px;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}input.svelte-kmqcod:focus{background:#fff;border-color:#ff6b6b;outline:none;box-shadow:0 0 0 4px #ff6b6b1f}.auth-submit.svelte-kmqcod{width:100%;margin-top:8px}.error.svelte-kmqcod{color:#dc2626;background:#dc26261a;border-radius:10px;align-items:center;gap:6px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.foot.svelte-kmqcod{text-align:center;margin-top:22px;font-size:.95rem}.foot.svelte-kmqcod a:where(.svelte-kmqcod){color:#1e293b;text-underline-offset:5px;margin-left:4px;font-weight:800;-webkit-text-decoration:underline #cbd5e1;text-decoration:underline #cbd5e1;text-decoration-thickness:2px}@media (width>=740px){.name-grid.svelte-kmqcod{grid-template-columns:1fr 1fr}}@media (width>=1024px){.left-panel.svelte-kmqcod{display:block}.right-panel.svelte-kmqcod{width:45%;padding:36px 16px}.mobile-stage.svelte-kmqcod{display:none}.auth-card.svelte-kmqcod{width:min(540px,100%);padding:8px 4px}h1.svelte-kmqcod{font-size:clamp(2.25rem,2.4vw,2.6rem)}p.svelte-kmqcod{font-size:1.125rem}.role-copy.svelte-kmqcod strong:where(.svelte-kmqcod){font-size:1.45rem}.role-copy.svelte-kmqcod span:where(.svelte-kmqcod){font-size:1rem}label.svelte-kmqcod span:where(.svelte-kmqcod){font-size:.9rem}.foot.svelte-kmqcod{font-size:.95rem}}