.login-shell{width:100%;min-height:100vh;padding:40px 20px;padding-top:max(40px, env(safe-area-inset-top));padding-bottom:max(40px, env(safe-area-inset-bottom));background-color:var(--og-navy);font-family:var(--og-font-sans);color:var(--og-white);background-image:radial-gradient(circle at 12% 8%,#14b8a62e 0%,#14b8a614 22%,#0a162800 55%),radial-gradient(circle at 92% 92%,#8b5cf61a 0%,#0a162800 50%);justify-content:center;align-items:center;display:flex;position:relative}.login-shell:before{content:"";pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at centre, black 30%, transparent 75%);mask-image:radial-gradient(ellipse at centre, black 30%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse at centre, black 30%, transparent 75%);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/56px 56px;position:absolute;inset:0}.login-back{top:max(24px, env(safe-area-inset-top));font-family:var(--og-font-sans);font-size:var(--og-text-sm);font-weight:var(--og-weight-medium);color:#ffffffa6;transition:color var(--og-duration-fast) var(--og-ease-standard);z-index:2;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:fixed;left:32px}.login-back:hover{color:var(--og-teal)}.login-column{z-index:1;width:100%;max-width:440px;position:relative}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-brand__logo{justify-content:center;align-items:center;margin-bottom:22px;display:inline-flex}.login-brand__logo svg{width:auto;height:44px}.login-brand__eyebrow{font-family:var(--og-font-mono);font-size:var(--og-text-xs);font-weight:var(--og-weight-medium);text-transform:uppercase;letter-spacing:var(--og-tracking-mono);color:var(--og-teal);margin:0 0 10px}.login-brand__headline{font-family:var(--og-font-sans);font-size:var(--og-text-3xl);font-weight:var(--og-weight-medium);letter-spacing:var(--og-tracking-tight);line-height:var(--og-leading-tight);color:var(--og-white);margin:0}.login-card{background:var(--og-white);border-radius:var(--og-radius-lg);border:1px solid var(--og-line);box-shadow:var(--og-shadow-lg);color:var(--og-navy);padding:32px}.login-card__title{font-family:var(--og-font-sans);font-size:var(--og-text-xl);font-weight:var(--og-weight-semibold);color:var(--og-navy);letter-spacing:var(--og-tracking-tight);margin:0 0 4px}.login-card__sub{font-family:var(--og-font-sans);font-size:var(--og-text-sm);color:var(--og-slate-500);margin:0 0 24px}.login-demo-cta{width:100%;color:var(--og-teal);border-radius:var(--og-radius-md);font-family:var(--og-font-sans);font-size:var(--og-text-sm);font-weight:var(--og-weight-semibold);letter-spacing:.01em;cursor:pointer;min-height:44px;transition:background var(--og-duration-fast) var(--og-ease-standard), transform var(--og-duration-fast) var(--og-ease-standard);background:#14b8a614;border:1px solid #14b8a647;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;padding:12px 14px;display:inline-flex}.login-demo-cta:hover:not(:disabled){background:#14b8a624}.login-demo-cta:disabled{cursor:not-allowed;opacity:.7}.login-demo-cta__caret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0}.login-roles{margin-bottom:22px}.login-roles__label{font-family:var(--og-font-mono);font-size:var(--og-text-xs);font-weight:var(--og-weight-medium);text-transform:uppercase;letter-spacing:var(--og-tracking-mono);color:var(--og-slate-500);margin:0 0 10px}.login-roles__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-role-card{background:var(--og-paper);border:1px solid var(--og-line);border-radius:var(--og-radius-md);cursor:pointer;text-align:left;font-family:var(--og-font-sans);min-height:100px;transition:border-color var(--og-duration-fast) var(--og-ease-standard), box-shadow var(--og-duration-med) var(--og-ease-standard), transform var(--og-duration-fast) var(--og-ease-standard);color:var(--og-navy);padding:14px 12px;position:relative}.login-role-card:hover:not(:disabled){box-shadow:var(--og-shadow-md);border-color:#14b8a680;transform:translateY(-1px)}.login-role-card:disabled{cursor:wait;opacity:.7}.login-role-card__icon{color:var(--og-teal);margin-bottom:6px;display:inline-flex}.login-role-card__title{font-size:var(--og-text-xs);font-weight:var(--og-weight-semibold);color:var(--og-navy)}.login-role-card__sub{color:var(--og-slate-500);margin-top:3px;font-size:10px;line-height:1.4}.login-role-card__badge{background:var(--og-teal);color:var(--og-white);font-family:var(--og-font-mono);font-size:9px;font-weight:var(--og-weight-semibold);border-radius:var(--og-radius-full);letter-spacing:var(--og-tracking-wide);text-transform:uppercase;padding:2px 6px;position:absolute;top:8px;right:8px}.login-roles__hint{font-family:var(--og-font-sans);font-size:var(--og-text-xs);color:var(--og-slate-400);text-align:center;margin:14px 0 0}.login-divider{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-divider__rule{background:var(--og-line);flex:1;height:1px}.login-divider__label{font-family:var(--og-font-mono);font-size:var(--og-text-xs);letter-spacing:var(--og-tracking-mono);text-transform:uppercase;color:var(--og-slate-400)}.login-field{margin-bottom:16px;display:block}.login-field__label{font-family:var(--og-font-sans);font-size:var(--og-text-xs);font-weight:var(--og-weight-semibold);color:var(--og-navy);letter-spacing:.02em;margin-bottom:6px;display:block}.login-field__input{background:var(--og-paper);border:1px solid var(--og-line);border-radius:var(--og-radius-md);width:100%;font-family:var(--og-font-sans);font-size:var(--og-text-sm);color:var(--og-navy);transition:border-color var(--og-duration-fast) var(--og-ease-standard), box-shadow var(--og-duration-fast) var(--og-ease-standard);outline:none;padding:12px 14px}.login-field__input::placeholder{color:var(--og-slate-400)}.login-field__input:hover{border-color:var(--og-line-strong)}.login-field__input:focus{border-color:var(--og-teal);box-shadow:0 0 0 3px #14b8a62e}.login-forgot{text-align:right;margin-bottom:18px}.login-forgot__link{font-family:var(--og-font-sans);font-size:var(--og-text-xs);font-weight:var(--og-weight-medium);color:var(--og-navy);transition:color var(--og-duration-fast) var(--og-ease-standard);text-decoration:none}.login-forgot__link:hover{color:var(--og-teal)}.login-error{border-radius:var(--og-radius-md);background:#e11d4814;border:1px solid #e11d4847;margin-bottom:16px;padding:10px 14px}.login-error__text{font-family:var(--og-font-sans);font-size:var(--og-text-xs);color:var(--og-alert);margin:0}.login-submit{background:var(--og-teal);width:100%;color:var(--og-white);border-radius:var(--og-radius-md);font-family:var(--og-font-sans);font-size:var(--og-text-sm);font-weight:var(--og-weight-semibold);letter-spacing:.01em;cursor:pointer;min-height:44px;transition:transform var(--og-duration-fast) var(--og-ease-standard), filter var(--og-duration-fast) var(--og-ease-standard), box-shadow var(--og-duration-med) var(--og-ease-standard);border:none;justify-content:center;align-items:center;gap:8px;padding:13px;display:inline-flex;box-shadow:0 6px 18px -10px #14b8a699}.login-submit:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 22px -10px #14b8a6b3}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.78}.login-submit__spinner{border:2px solid #fff6;border-top-color:var(--og-white);border-radius:50%;width:14px;height:14px;animation:.75s linear infinite login-spin;display:inline-block}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card__foot{font-family:var(--og-font-mono);font-size:var(--og-text-xs);color:var(--og-slate-400);text-align:center;letter-spacing:.02em;margin:18px 0 0}.login-footnote{font-family:var(--og-font-mono);font-size:var(--og-text-xs);letter-spacing:var(--og-tracking-mono);text-transform:uppercase;color:#ffffff73;text-align:center;margin:24px 0 0}@media (max-width:540px){.login-back{left:16px;top:max(16px, env(safe-area-inset-top))}.login-card{padding:26px 22px}.login-roles__grid{grid-template-columns:repeat(3,1fr);gap:8px}.login-role-card{min-height:92px;padding:12px 10px}}