@layer components{.mk.auth{--primary:var(--mk-accent);--primary-hover:var(--mk-accent-hover);--primary-foreground:var(--mk-on-accent);--ring:var(--mk-accent);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;background:var(--mk-bg);.auth-main,.auth-top{position:relative;z-index:1;width:100%}.auth-top{display:flex;align-items:center;justify-content:space-between;height:var(--mk-nav-h);gap:var(--mk-gap-md)}.auth-top .nav-cta{display:inline-flex}.auth-main{flex:1;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding-block:var(--mk-gap-lg) var(--mk-gap-xl);outline:none}.auth-col{width:100%;max-width:420px}.auth-card{padding:clamp(22px,3vw,32px);background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:var(--mk-radius-lg);box-shadow:var(--mk-shadow-2)}.auth-title{font-family:var(--mk-font-display);font-size:clamp(24px,2.4vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.15;outline:none}.auth-desc{margin-top:8px;color:var(--mk-muted);font-size:15px;line-height:1.5}.auth-aside{display:grid;gap:var(--mk-gap-md);align-content:center}.auth-aside-title{font-family:var(--mk-font-display);font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.1}.auth-aside .eyebrow{margin:0}.auth-aside .hero-proof{margin-top:0}@media (max-width:900px){.auth-main{grid-template-columns:1fr;justify-items:center}.auth-aside{display:none}}}}.mk.auth .auth-card [data-slot=button],.mk.auth .auth-card input:not([type=checkbox]){min-height:44px;border-radius:var(--mk-radius)}