.ct-login{background:var(--brand);min-height:100%;color:var(--brand-ink);display:grid}.ct-login__panel{display:none}.ct-login__side{align-content:center;gap:var(--space-6);padding:var(--space-10) var(--gutter);display:grid}.ct-login__brand{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.ct-login__brand .signature .mark{width:40px;height:40px}.ct-login__brand .signature__name{font-size:1.375rem}.ct-login__brand p{color:var(--brand-ink-2);font-size:var(--text-sm)}.ct-login__card{justify-self:center;gap:var(--space-4);width:100%;max-width:400px;padding:var(--space-6) var(--space-5);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);display:grid}.ct-login__card h1{font-size:var(--text-xl)}.ct-login__card .back{font-size:var(--text-sm);justify-self:center}.ct-login__foot{text-align:center;font-size:var(--text-xs);color:var(--brand-ink-2)}@container app (min-width:900px){.ct-login{background:var(--bg);color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)}.ct-login__panel{align-content:space-between;gap:var(--space-8);padding:var(--space-10) var(--space-10) var(--space-8);background:var(--brand);color:var(--brand-ink);display:grid;position:relative;overflow:hidden}.ct-login__panel h2{font:400 clamp(2.5rem, 1.5rem + 3vw, 3.75rem) / 1.05 var(--font-display);max-width:10ch}.ct-login__panel p{max-width:40ch;color:var(--brand-ink-2);line-height:var(--leading-read)}.ct-login__panel .ct-sublogo{width:260px;height:260px;color:var(--brand-ink-2);opacity:.85;margin-top:-130px;position:absolute;top:50%;right:8%;transform:rotate(-8deg)}.ct-login__side{padding:var(--space-10) var(--space-8)}.ct-login__brand{display:none}.ct-login__card{box-shadow:none;border:1px solid var(--line)}.ct-login__foot{color:var(--ink-3)}}