.mk-auth{flex-direction:column;min-height:100vh;display:flex}.mk-auth-main{flex:1;justify-content:center;align-items:center;padding:48px clamp(20px,4vw,40px) 64px;display:flex}.mk-auth-card-wrap{width:100%;max-width:460px}.mk-auth-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl,16px);width:100%;padding:36px 40px}.mk-auth-tabs{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:10px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px;padding:4px;display:grid}.mk-auth-panel-wrap{position:relative;overflow:hidden}.mk-auth-panel-stage{width:100%;position:relative;overflow:hidden}.mk-auth-panel{width:100%}.mk-auth-card-loading{min-height:420px}.mk-auth-tab{color:var(--muted);transition:color .22s var(--ease);border-radius:7px;justify-content:center;align-items:center;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.mk-auth-tab:hover,.mk-auth-tab.is-active{color:var(--ink)}.mk-auth-tab-pill{background:var(--surface-card);z-index:0;border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 2px #26251e0f}.mk-auth-tab-label{z-index:1;position:relative}.mk-auth-header{margin-bottom:24px}.mk-auth-header-after-back{margin-top:20px}.mk-auth-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:600}.mk-auth-sub{color:var(--body);margin:0;font-size:14px;line-height:1.55}.mk-auth-form{flex-direction:column;gap:16px;display:flex}.mk-auth-field{flex-direction:column;gap:6px;display:flex}.mk-auth-label{color:var(--ink);font-size:13px;font-weight:500}.mk-auth-input{border:1px solid var(--hairline-strong);background:var(--surface-card);color:var(--ink);transition:border-color .18s var(--ease);border-radius:8px;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.4}.mk-auth-input::placeholder{color:var(--muted-soft)}.mk-auth-input:hover{border-color:var(--muted)}.mk-auth-input:focus{border-color:var(--ink);outline:none}.mk-auth-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mk-auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mk-auth-link{color:var(--body);transition:color .18s var(--ease);font-size:13px;font-weight:500;text-decoration:none}.mk-auth-link:hover{color:var(--ink)}.mk-auth-link-strong{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.mk-auth-btn{border-radius:var(--radius-pill,9999px);cursor:pointer;width:100%;min-height:40px;transition:background .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.mk-auth-btn-primary{background:var(--primary);color:var(--on-primary)}.mk-auth-btn-primary:hover{background:var(--primary-active)}.mk-auth-btn-google{background:var(--surface-card);color:var(--ink);border-color:var(--hairline-strong)}.mk-auth-btn-google:hover{border-color:var(--muted);background:var(--canvas-soft)}.mk-auth-divider{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-soft);align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.mk-auth-divider:before,.mk-auth-divider:after{content:"";background:var(--hairline);flex:1;height:1px}.mk-auth-footer{border-top:1px solid var(--hairline-soft);color:var(--body);text-align:center;margin-top:20px;padding-top:20px;font-size:14px;line-height:1.55}.mk-auth-alert{border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.mk-auth-alert-error{color:var(--err);background:#cf2d560f;border:1px solid #cf2d5633}.mk-auth-alert-success{color:var(--ok);background:#1f8a650f;border:1px solid #1f8a6533}.mk-auth-success-icon{width:40px;height:40px;color:var(--ok);background:#1f8a651a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.mk-auth-back{color:var(--body);transition:color .18s var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.mk-auth-back:hover{color:var(--ink)}.mk-auth-nav-back{color:var(--body);transition:color .18s var(--ease);font-size:14px;font-weight:500;text-decoration:none}.mk-auth-nav-back:hover{color:var(--ink)}.mk-auth-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}