.auth{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(900px 460px at 80% -10%,var(--accent-wash),transparent 62%),radial-gradient(680px 380px at 5% 2%,var(--wash-2),transparent 60%),var(--bg-0);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.auth a{color:var(--accent)}.auth-top{padding:20px 24px}.auth-top .inner{max-width:1080px;margin:0 auto;flex-wrap:wrap;row-gap:10px}.auth-top .brand,.auth-top .inner{display:flex;align-items:center;gap:11px}.auth-top .brand{color:var(--ink);text-decoration:none;font-weight:680;letter-spacing:-.02em;font-size:15px}.auth-top .preview{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px solid var(--warn-line);border-radius:999px;padding:2px 9px;background:var(--warn-soft)}.auth-main{display:grid;place-items:center;padding:24px}.auth-card{border:1px solid var(--line);border-radius:14px;padding:34px 32px;background:var(--card-bg);box-shadow:var(--shadow-card)}.auth-card,.auth-photo{width:100%;max-width:430px}.auth-photo{order:-1;aspect-ratio:1100/672;margin-bottom:22px;background:url(/register.webp) 50%/cover no-repeat;filter:saturate(.72) brightness(1.03) contrast(.97);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}@media (min-width:1100px){.auth-main:has(.auth-photo){--gutter:max(24px,calc((100% - 1240px) / 2));--card-w:430px;--card-right:calc(var(--gutter) + var(--card-w));position:relative;justify-items:start;padding-inline:var(--gutter)}.auth-main:has(.auth-photo-wide){--card-w:min(700px,58vw)}.auth-main:has(.auth-photo) .auth-card{position:relative;z-index:1;max-width:var(--card-w)}.auth-main:has(.auth-photo-wide) form{grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.auth-main:has(.auth-photo-wide) form>*{grid-column:1/-1}.auth-main:has(.auth-photo-wide) form>.pair{grid-column:auto}.auth-photo{position:absolute;top:0;bottom:0;right:0;z-index:0;order:0;width:auto;max-width:none;aspect-ratio:auto;margin:0;left:calc(var(--card-right) - (100% - var(--card-right)) * .27);background-position:42%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 21%,rgba(0,0,0,.5) 32%,#000 46%),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 21%,rgba(0,0,0,.5) 32%,#000 46%),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}}:root[data-theme=dark] .auth-photo{filter:saturate(.7) brightness(.8) contrast(1.02)}.auth-card .seal{margin:0 auto 20px}.auth-card h1{font-size:25px;font-weight:640;letter-spacing:-.025em;margin:0 0 8px;text-align:center;line-height:1.2}.auth-card .sub{margin:0 0 26px;text-align:center;font-size:14px;color:var(--ink-dim);line-height:1.55}.auth form{display:grid;grid-gap:17px;gap:17px}.auth label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:620;color:var(--ink)}.auth label .hint{font-weight:400;font-size:12.5px;color:var(--ink-faint);line-height:1.5}.auth label.consent{grid-template-columns:auto 1fr;align-items:start;gap:11px}.auth label.consent input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.auth input[type=password],.auth input[type=text]{font:inherit;font-size:15px;padding:11px 13px;width:100%;color:var(--ink);background:var(--bg-0);border:1px solid var(--line);border-radius:8px;transition:border-color .18s,box-shadow .18s}.auth input::placeholder{color:var(--ink-faint)}.auth input[type=password]:focus,.auth input[type=text]:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-wash)}.auth input:-webkit-autofill,.auth input:-webkit-autofill:focus,.auth input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--autofill) inset;caret-color:var(--ink)}.auth .pw-field{position:relative;display:grid}.auth .pw-field input{padding-right:44px}.auth .pw-eye{position:absolute;top:1px;bottom:1px;right:1px;width:40px;padding:0;background:none;border:0;border-radius:0 7px 7px 0;color:var(--ink-faint);transition:color .18s}.auth .pw-eye:hover:not(:disabled){background:none;color:var(--ink)}.auth .pw-eye:active:not(:disabled){transform:none}.auth .btn{width:100%;margin-top:4px}.auth .code-input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:22px;letter-spacing:.34em;text-align:center;padding:13px}.auth .notice{border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:13.5px;line-height:1.55;color:var(--ink-dim);background:var(--soft)}.auth .notice.error{border-color:var(--danger-line);color:var(--danger-text);background:var(--danger-soft)}.auth .notice.warn{border-color:var(--warn-line);color:var(--warn);background:var(--warn-soft)}.auth .alt{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:13.5px;color:var(--ink-dim)}.auth-foot{padding:22px 24px 30px;text-align:center;font-size:12.5px;color:var(--ink-faint)}.auth-foot a{color:var(--ink-faint);text-decoration:underline}.auth ol.steps{margin:0 0 20px;padding-left:19px;font-size:14px;color:var(--ink-dim);line-height:1.75}.auth .secret{margin:9px 0;padding:11px 13px;background:var(--bg-0);border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;letter-spacing:.1em;word-break:break-all;color:var(--ink)}@media (max-width:480px){.auth-card{padding:26px 20px;border-radius:12px}}