body:has(.skm-auth){margin:0}.skm-auth{--auth-ink: #16203a;--auth-ink-raised: #22305a;--auth-tape: #e9b949;--auth-cloth: #f4f1e8;--auth-paper: #f7f5ef;--auth-grid: rgb(15 23 42 / .05);--auth-edge: color-mix(in srgb, var(--skm-text-muted) 70%, var(--skm-surface));--auth-btn-bg: var(--auth-ink);--auth-btn-bg-hover: var(--auth-ink-raised);--auth-btn-fg: #ffffff;--auth-radius: 8px;--auth-ease: cubic-bezier(.16, 1, .3, 1);--auth-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--auth-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--auth-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:100vh;min-height:100dvh;background:var(--auth-paper);color:var(--skm-text);font-family:var(--auth-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.skm-auth[data-theme=dark]{--auth-paper: var(--skm-surface);--auth-grid: rgb(248 250 252 / .04);--auth-btn-bg: var(--auth-tape);--auth-btn-bg-hover: #f2cb6b;--auth-btn-fg: var(--auth-ink)}.skm-auth *,.skm-auth *:before,.skm-auth *:after{box-sizing:border-box}.skm-auth__brand{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;padding:clamp(2.25rem,4vw,3.75rem);color:var(--auth-cloth);background:radial-gradient(120% 70% at 0% 0%,rgb(255 255 255 / .08),transparent 60%),repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 5px),repeating-linear-gradient(45deg,rgb(0 0 0 / .14) 0 1px,transparent 1px 7px),linear-gradient(160deg,var(--auth-ink-raised),var(--auth-ink) 70%)}.skm-auth__brand:before{content:"";position:absolute;inset:14px;z-index:-1;border:1px dashed rgb(244 241 232 / .22);border-radius:6px;pointer-events:none}.skm-auth__wordmark{margin:0;font-family:var(--auth-serif);font-size:clamp(2.75rem,1.5rem + 3.4vw,5rem);font-weight:600;line-height:.95;letter-spacing:-.02em}.skm-auth__wordmark span{display:block;color:var(--auth-tape);font-style:italic;font-weight:500}.skm-auth__tagline{max-width:24ch;margin:1.5rem 0 0;color:#f4f1e8d1;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);line-height:1.4}.skm-auth__tape{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;margin:0;padding:1.25rem 0 0;list-style:none;color:var(--auth-tape);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.skm-auth__tape:before{content:"";position:absolute;top:0;right:0;left:0;height:12px;border-top:2px solid var(--auth-tape);background:repeating-linear-gradient(90deg,var(--auth-tape) 0 1px,transparent 1px 40px) top / 100% 11px no-repeat,repeating-linear-gradient(90deg,var(--auth-tape) 0 1px,transparent 1px 8px) top / 100% 5px no-repeat;opacity:.85}.skm-auth__stage{display:grid;align-content:center;justify-items:center;gap:1.25rem;padding:clamp(2rem,5vw,4rem) 1rem;background-color:var(--auth-paper);background-image:linear-gradient(var(--auth-grid) 1px,transparent 1px),linear-gradient(90deg,var(--auth-grid) 1px,transparent 1px);background-size:24px 24px}.skm-auth .skm-signin{position:relative;width:min(100%,27rem);padding:clamp(1.75rem,3vw,2.5rem);border:1px solid var(--skm-border);border-radius:12px;background:var(--skm-surface);box-shadow:0 1px #0f172a0a,0 18px 40px -18px #0f172a47}.skm-auth .skm-signin:before{content:"";position:absolute;top:-1px;left:clamp(1.75rem,3vw,2.5rem);width:16px;height:9px;background:var(--auth-btn-bg);clip-path:polygon(0 0,100% 0,50% 100%)}.skm-auth h1{margin:0 0 .5rem;font-family:var(--auth-serif);font-size:1.875rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.skm-auth h2{margin:1.5rem 0 .25rem;font-family:var(--auth-serif);font-size:1.15rem;font-weight:600}.skm-auth .skm-signin p{margin:0 0 1rem;color:var(--skm-text-muted);font-size:.9375rem}.skm-auth form{margin-top:1.5rem}.skm-auth .skm-field{display:grid;gap:.375rem;margin-bottom:1.125rem}.skm-auth .skm-field label{color:var(--skm-text);font-size:.8125rem;font-weight:600;letter-spacing:.01em}.skm-auth .skm-field input{width:100%;height:2.75rem;padding:0 .875rem;border:1px solid var(--auth-edge);border-radius:var(--auth-radius);background:var(--skm-surface);color:var(--skm-text);font:inherit;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.skm-auth .skm-field input:hover{border-color:var(--skm-text-muted)}.skm-auth .skm-field input:focus-visible{outline:none;border-color:var(--skm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skm-accent) 30%,transparent)}.skm-auth .skm-field input[aria-invalid=true]{border-color:var(--skm-danger)}.skm-auth .skm-field input[inputmode=numeric]{font-family:var(--auth-mono);font-size:1.375rem;letter-spacing:.35em;text-align:center}.skm-auth .skm-field__error{margin:0;color:var(--skm-danger);font-size:.8125rem}.skm-auth button{appearance:none;width:100%;height:2.875rem;margin-top:.5rem;border:0;border-radius:var(--auth-radius);background:var(--auth-btn-bg);color:var(--auth-btn-fg);font:inherit;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px #ffffff1a,0 8px 18px -10px #16203ab3;transition:transform .15s var(--auth-ease),box-shadow .15s ease,background-color .15s ease}.skm-auth button:hover:not(:disabled){background:var(--auth-btn-bg-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 12px 22px -10px #16203abf}.skm-auth button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #00000040}.skm-auth button:focus-visible{outline:3px solid var(--skm-accent);outline-offset:2px}.skm-auth button:disabled{cursor:not-allowed;opacity:.55}.skm-auth .skm-error{margin:1rem 0 0;padding:.75rem .875rem;border:1px solid color-mix(in srgb,var(--skm-danger) 35%,transparent);border-left:3px solid var(--skm-danger);border-radius:var(--auth-radius);background:color-mix(in srgb,var(--skm-danger) 7%,var(--skm-surface));color:var(--skm-danger);font-size:.875rem}.skm-auth .skm-signin .skm-error p,.skm-auth .skm-error ul{margin:0;color:inherit;font-size:inherit}.skm-auth .skm-error small{display:block;margin-top:.25rem;color:var(--skm-text-muted);font-family:var(--auth-mono);font-size:.75rem}.skm-auth a{color:var(--skm-accent);font-weight:600;text-underline-offset:3px}.skm-auth code{font-family:var(--auth-mono);font-size:.875em}.skm-auth .skm-enrolment dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0 0 1rem;padding:.75rem .875rem;border-radius:var(--auth-radius);background:var(--skm-surface-muted);font-size:.875rem}.skm-auth .skm-enrolment dt{color:var(--skm-text-muted)}.skm-auth .skm-enrolment dd{margin:0;overflow-wrap:anywhere}.skm-auth .skm-recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .75rem;margin:.75rem 0 1rem;padding:.875rem 1rem;border:1px dashed var(--auth-edge);border-radius:var(--auth-radius);background:var(--skm-surface-muted);list-style:none}.skm-auth .skm-recovery-codes code{font-size:.9375rem;letter-spacing:.04em}.skm-auth .skm-check{display:flex;align-items:flex-start;gap:.625rem;margin:.5rem 0 1rem;font-size:.875rem;cursor:pointer}.skm-auth .skm-check input{width:1.05rem;height:1.05rem;margin:.15rem 0 0;accent-color:var(--auth-btn-bg)}.skm-auth__secure{display:flex;align-items:center;gap:.5rem;width:min(100%,27rem);margin:0;color:var(--skm-text-muted);font-size:.8125rem}@media(prefers-reduced-motion:no-preference){.skm-auth .skm-signin{animation:skm-auth-rise .42s var(--auth-ease) both}@keyframes skm-auth-rise{0%{opacity:0;transform:translateY(8px)}}}@media(max-width:47.99rem){.skm-auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}.skm-auth__brand{gap:0;padding:1.5rem 1rem 1.25rem}.skm-auth__brand:before{inset:6px}.skm-auth__wordmark{font-size:2rem}.skm-auth__wordmark span{display:inline}.skm-auth__tagline{margin-top:.5rem;font-size:.9375rem}.skm-auth__tape{display:none}.skm-auth__stage{align-content:start;padding:1.5rem 1rem 2.5rem}}
