:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#f4f7f6;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.app-shell{flex-direction:column;min-height:100dvh;display:flex}@media (width>=900px){.app-shell{flex-direction:row}}.app-shell-brand{color:#fff;background:linear-gradient(155deg,#005a63 0%,#006d77 38%,#0d9488 100%);flex:none;padding:2rem 1.75rem 2.5rem;position:relative;overflow:hidden}.app-shell-brand--merchant:after{content:"";pointer-events:none;background:radial-gradient(#ff9f1c2e 0%,#0000 70%);width:90%;height:60%;position:absolute;inset:auto auto -30% -25%}@media (width>=900px){.app-shell-brand{flex:0 0 44%;justify-content:center;align-items:center;max-width:32rem;min-height:100vh;padding:3rem 2.5rem;display:flex}}.app-shell-brand:before{content:"";pointer-events:none;background:radial-gradient(#ffffff1a 0%,#0000 60%);width:75%;height:65%;position:absolute;inset:-35% -25% auto auto}.app-shell-brand__inner{z-index:1;max-width:20rem;position:relative}@media (width>=900px){.app-shell-brand__inner{max-width:22rem}}.app-shell-brand__mark{letter-spacing:-.02em;background:#fff3;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:.95rem;font-weight:800;display:inline-flex}.app-shell-brand__mark--merchant{background:linear-gradient(145deg,#ff9f1c59,#ffffff1f);border:1px solid #ffffff40}.app-shell-brand__product{text-transform:uppercase;letter-spacing:.12em;opacity:.92;margin:0;font-size:.8125rem;font-weight:600}.app-shell-brand__heading{letter-spacing:-.02em;margin:.5rem 0 .75rem;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;line-height:1.25}.app-shell-brand__text{opacity:.92;margin:0;font-size:.9375rem;line-height:1.6}.app-shell-brand__accent{background:linear-gradient(90deg,#ff9f1c,#fcd34d);border-radius:999px;width:3.5rem;height:3px;margin-top:1.75rem}.app-shell-brand__accent--merchant{width:4.25rem;box-shadow:0 0 20px #ff9f1c59}.app-shell-main{background:radial-gradient(100% 70% at 0 100%,#ff9f1c12 0%,#0000 50%),radial-gradient(120% 80% at 100% 0,#006d770f 0%,#0000 55%),#f4f7f6;flex:1;justify-content:center;align-items:center;padding:1.75rem 1.25rem 2rem;display:flex}@media (width>=900px){.app-shell-main{padding:2rem 2rem 2.5rem}}.app-shell-main__inner{width:100%;max-width:26rem}.app-shell-footnote{text-align:center;color:#9ca3af;margin:1.75rem 0 0;font-size:.75rem;line-height:1.4}.login-card{background:#fff;border:1px solid #006d7714;border-radius:1.375rem;flex-direction:column;gap:0;padding:2rem 1.75rem;display:flex;box-shadow:0 4px 6px -1px #0000000f,0 24px 48px -12px #0d94881a}@media (width>=480px){.login-card{padding:2.25rem 2rem}}.login-card__fields{flex-direction:column;gap:1.125rem;margin-top:1.5rem;display:flex}.login-header{text-align:left}.login-header__badge{color:#0f766e;background:linear-gradient(145deg,#ff9f1c26,#006d7714);border:1px solid #006d771f;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;display:inline-flex}.login-header__badge--merchant{color:#0d9488}.login-header__title{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.375rem;font-weight:700;line-height:1.3}.login-header__subtitle{color:#6b7280;margin:.45rem 0 0;font-size:.9375rem;line-height:1.5}.error-banner{color:#991b1b;background:linear-gradient(#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:.625rem;margin-top:1.25rem;padding:.8125rem 1rem;font-size:.875rem;line-height:1.45}.field{flex-direction:column;gap:.4rem;display:flex}.field__label{color:#374151;font-size:.8125rem;font-weight:600}.field__input{box-sizing:border-box;background:#fafafa;border:1px solid #e5e7eb;border-radius:.625rem;width:100%;padding:.75rem .9rem;font-size:1rem;transition:border-color .15s,box-shadow .15s,background .15s}.field__input:hover{background:#fff;border-color:#d1d5db}.field__input:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94882e}.field__password-row{align-items:center;gap:.5rem;display:flex}.field__password-row .field__input{flex:1}.field__toggle{color:#0d9488;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;padding:.35rem .25rem;font-size:.75rem;font-weight:600;transition:background .15s}.field__toggle:hover{background:#0d94881a}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(#ff9f1c 0%,#f08c0a 100%);border:none;border-radius:9999px;width:100%;margin-top:1.625rem;padding:.9rem 1.125rem;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 2px 8px #ff9f1c59}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #ff9f1c66}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.68;cursor:not-allowed;box-shadow:none}