.mk-auth{min-height:100dvh;display:grid;background:var(--mk-surface);color:var(--mk-text-1);font-family:var(--mk-font-sans)}.mk-auth__form{display:grid;align-items:center;padding:var(--mk-12) var(--mk-6)}.mk-auth__inner{width:100%;max-width:26rem;margin-inline:auto}.mk-auth__brand{display:inline-flex;margin-bottom:var(--mk-12)}.mk-auth__title{margin:0 0 var(--mk-2);font:var(--mk-t-headline);letter-spacing:var(--mk-tracking-headline);color:var(--mk-text-1);text-wrap:balance}.mk-auth__title--center{text-align:center}.mk-auth__lede{margin:0;font:var(--mk-t-body);color:var(--mk-text-2)}.mk-auth__label{display:block;margin-bottom:var(--mk-2);font:var(--mk-t-ui);color:var(--mk-text-2)}.mk-auth__input{width:100%;height:48px;padding:0 14px;border:0;border-radius:10px;background:var(--mk-surface-raised);box-shadow:inset 0 0 0 1px var(--mk-border-strong);font:var(--mk-t-body);color:var(--mk-text-1);transition:box-shadow .16s var(--mk-ease)}.mk-auth__input::placeholder{color:var(--mk-text-4)}.mk-auth__input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--mk-accent)}.mk-auth__input--pw{padding-right:44px}.mk-auth__input--code{font-family:var(--mk-font-mono);letter-spacing:.2em}.mk-auth__primary{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--mk-2);border:0;border-radius:var(--mk-radius-pill);background:var(--mk-text-1);color:var(--mk-surface);font:var(--mk-t-control);cursor:pointer;transition:opacity .16s var(--mk-ease),translate .16s var(--mk-ease)}.mk-auth__primary:hover{opacity:.9}.mk-auth__primary:active{translate:0 1px}.mk-auth__primary:disabled{opacity:.6;cursor:not-allowed}.mk-auth__primary:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}.mk-auth__world{display:none}@media (width >= 64rem){.mk-auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mk-auth__world{position:relative;display:grid;align-content:start;padding:18vh var(--mk-12) 0;background:var(--mk-band-dawn) 30% 60% /cover no-repeat}.mk-auth__world:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--mk-surface) 0,transparent 18%)}.mk-auth__line{position:relative;margin:0;font:var(--mk-t-display);letter-spacing:var(--mk-tracking-headline);color:var(--mk-text-1)}}.mk-auth__input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--negative)}.mk-auth__input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 2px var(--negative)}.mk-auth__input--icon{padding-left:44px}.mk-auth__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}