/* =========================================================
   UdaWork account pages — Toolwall (pegboard · modules · cables)
   Self-contained: tokens, base, buttons, shell, board, card.
   CSP: style-src 'self', font-src 'self'; no inline styles.
   Fonts: Pretendard and JetBrains Mono subsets (SIL Open Font License 1.1).
   ========================================================= */
@font-face{font-family:"Pretendard UW";src:url(/account/assets/fonts/pretendard-account.woff2?v=b30997bf87b5) format("woff2");font-weight:45 920;font-display:swap}
@font-face{font-family:"JB Mono UW";src:url(/account/assets/fonts/mono-account.woff2?v=d4a5df2ff999) format("woff2");font-weight:400 700;font-display:swap}
:root{
  color-scheme:light;
  --bg:#F4F2EC; --bg-2:#EBE8E0; --surface:#FFFFFF; --surface-2:#FAF9F5;
  --ink:#121316; --ink-2:#34363D; --muted:#5C5F68; --line:rgba(18,19,22,.10); --line-2:rgba(18,19,22,.18);
  --hover:rgba(18,19,22,.06); --chip:rgba(18,19,22,.06); --dot:rgba(18,19,22,.17);
  --brand:#3554F5; --link:#2440D8; --volt:#D6F54B;
  --s-available:#17845A; --s-limited:#B45F00; --s-maintenance:#B42318;
  --duo:#3554F5; --duo-o:.2;
  --shadow-sm:0 1px 2px rgba(18,19,22,.06);
  --shadow-card:0 1px 0 rgba(255,255,255,.6) inset,0 18px 40px -26px rgba(18,19,22,.3);
  --f-sans:"Pretendard UW",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",system-ui,sans-serif;
  --f-mono:"JB Mono UW","Pretendard UW",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0E0F12; --bg-2:#141519; --surface:#17181D; --surface-2:#1B1D22;
    --ink:#F2F0EA; --ink-2:#D5D3CD; --muted:#A0A3AB; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.17);
    --hover:rgba(255,255,255,.07); --chip:rgba(255,255,255,.07); --dot:rgba(255,255,255,.15);
    --brand:#6C84FF; --link:#A3B2FF;
    --s-available:#4CC38A; --s-limited:#F0A04B; --s-maintenance:#FF7A6B;
    --duo:#D6F54B; --duo-o:.3;
    --shadow-card:0 0 0 1px rgba(255,255,255,.04) inset,0 28px 60px -24px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E0F12; --bg-2:#141519; --surface:#17181D; --surface-2:#1B1D22;
  --ink:#F2F0EA; --ink-2:#D5D3CD; --muted:#A0A3AB; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.17);
  --hover:rgba(255,255,255,.07); --chip:rgba(255,255,255,.07); --dot:rgba(255,255,255,.15);
  --brand:#6C84FF; --link:#A3B2FF;
  --s-available:#4CC38A; --s-limited:#F0A04B; --s-maintenance:#FF7A6B;
  --duo:#D6F54B; --duo-o:.3;
  --shadow-card:0 0 0 1px rgba(255,255,255,.04) inset,0 28px 60px -24px rgba(0,0,0,.7);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:break-word}
img,svg{display:block}
a{color:var(--link)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:640px){.wrap{padding:0 20px}}
.ic{width:20px;height:20px;fill:currentColor;flex:none}
.d{fill:var(--duo);opacity:var(--duo-o)}
.fi{width:32px;height:32px;fill:currentColor;flex:none}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;transition:top 150ms var(--ease-out)}
.skip:focus{top:12px}
.mono{font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.04em}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:var(--chip);color:var(--ink-2);font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase}

/* buttons */
.btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;transition:transform 160ms var(--ease-out),background-color 150ms ease,border-color 150ms ease;text-align:center}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.6;cursor:default;transform:none}
.btn--primary{background:var(--ink);color:var(--bg)}
.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
.btn--sm{min-height:40px;padding:0 16px;font-size:14px}
.btn .ic{width:18px;height:18px;transition:transform 200ms var(--ease-out)}
.btn-wide{width:100%}
@media (hover:hover) and (pointer:fine){
  .btn--primary:not([disabled]):hover{background:color-mix(in oklab,var(--ink) 86%,var(--brand))}
  .btn--ghost:not([disabled]):hover{border-color:var(--ink)}
  .btn:hover .ic-arrow{transform:translateX(3px)}
}
.linkbtn{border:0;background:none;padding:6px 0;color:var(--link);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.linkbtn[disabled]{color:var(--muted);text-decoration:none;cursor:default}
.linkbtn .ic{width:15px;height:15px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}
.avatar--xs{width:28px;height:28px;font-size:12px}
.avatar--sm{width:26px;height:26px;font-size:12px}
.avatar--lg{width:48px;height:48px;font-size:19px}
.avatar--off{background:var(--chip);color:var(--muted)}

/* ---------- shell ---------- */
.ah{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ah-bar{height:64px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.035em;border-radius:10px;min-width:0}
.brand svg{width:30px;height:30px;flex:none}
.brand .tag{margin-left:2px}
.ah-util{margin-left:auto;display:flex;align-items:center;gap:6px}
.seg{display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:var(--chip)}
.seg a,.seg span{height:32px;min-width:40px;padding:0 10px;border-radius:999px;display:grid;place-items:center;color:var(--muted);font:600 12px var(--f-mono);letter-spacing:.05em;text-decoration:none;transition:background-color 150ms ease,color 150ms ease}
.seg [aria-current="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}
@media (hover:hover) and (pointer:fine){.seg a:hover{color:var(--ink)}}
.icon-btn{width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:background-color 150ms ease}
@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--hover);color:var(--ink)}}
.theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
:root[data-theme="dark"] .theme-btn .i-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-btn .i-sun{display:block}
  :root:not([data-theme="light"]) .theme-btn .i-moon{display:none}
}
.am{flex:1;padding:48px 0 72px}
.am-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px;align-items:start}
.am-col{min-width:0}
.am-single{max-width:760px}
.af{border-top:1px solid var(--line);padding:22px 0 28px;color:var(--muted);font-size:13px}
.af .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
.af a{color:var(--ink-2)}

/* ---------- connect board ---------- */
.cb{position:sticky;top:96px;width:100%;max-width:500px;justify-self:end;aspect-ratio:480/560;border-radius:30px;background-color:var(--surface-2);background-image:radial-gradient(var(--dot) 1.5px,transparent 1.7px);background-size:calc(100% / 20) calc(100% / 23.33);background-position:center;border:1px solid var(--line);overflow:hidden;container-type:inline-size;isolation:isolate}
.cb svg.cables{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cb .under{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:6 7;stroke-linecap:round}
.cb .over{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.u{position:absolute;left:calc(var(--x) * 100cqw / 480);top:calc(var(--y) * 100cqw / 480);width:calc(var(--w) * 100cqw / 480)}
.u-you{--x:90;--y:56;--w:300}
.u-hub{--x:90;--y:246;--w:300}
.u-dest{--x:90;--y:400;--w:300}
.u-dest-l{--x:30;--y:400;--w:200}
.u-dest-r{--x:250;--y:400;--w:200}
.cb-cap{--x:28;--y:24;--w:300;color:var(--muted);font:500 2.6cqw var(--f-mono);letter-spacing:.04em}
.cb-you{display:flex;align-items:center;gap:2.6cqw;height:15cqw;padding:0 4cqw 0 2.4cqw;border-radius:99cqw;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);transition:opacity 300ms ease}
.cb-you .av{width:9.6cqw;height:9.6cqw;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:var(--muted);flex:none}
.cb-you .av--on{background:var(--brand)}
.cb-you .av svg{width:5.4cqw;height:5.4cqw;fill:currentColor}
.cb-you .av b{font-size:4cqw;color:#fff}
.cb-you div{min-width:0}
.cb-you small{display:block;font:500 2.4cqw var(--f-mono);color:var(--muted);letter-spacing:.04em}
.cb-you span{display:block;font-size:3.5cqw;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46cqw}
.cb-hub{display:flex;align-items:center;gap:2.6cqw;height:15cqw;padding:0 4.4cqw 0 2.4cqw;border-radius:99cqw;background:var(--ink);color:var(--bg);box-shadow:0 3cqw 6cqw -3cqw rgba(18,19,22,.5);transition:box-shadow 300ms var(--ease-out)}
.cb-hub svg{width:10cqw;height:10cqw;flex:none}
.cb-hub b{display:block;font-size:3.9cqw;letter-spacing:-.02em;line-height:1.2}
.cb-hub small{display:block;font:500 2.4cqw var(--f-mono);opacity:.7;letter-spacing:.03em}
.cb-hub .badge-s{position:absolute;right:-1.4cqw;top:-1.4cqw;width:7cqw;height:7cqw;border-radius:50%;display:none;place-items:center;background:var(--surface);border:2px solid var(--st,var(--s-limited));color:var(--st,var(--s-limited))}
.cb-hub .badge-s svg{width:4cqw;height:4cqw;fill:currentColor}
.dest{padding:3.6cqw;border-radius:4.2cqw;background:var(--surface);border:1px solid var(--line);box-shadow:0 2.4cqw 5cqw -2.6cqw rgba(18,19,22,.35);transition:opacity 300ms ease}
.dest::before{content:"";position:absolute;left:50%;top:-1.3cqw;width:2.6cqw;height:2.6cqw;margin-left:-1.3cqw;border-radius:50%;background:var(--surface-2);border:.4cqw solid var(--line-2)}
.dest small{display:block;font:500 2.4cqw var(--f-mono);color:var(--muted);letter-spacing:.04em}
.dest .row{display:flex;align-items:center;gap:2.6cqw;margin-top:1.6cqw;min-width:0}
.dest .row>div{min-width:0}
.dest .app{width:10.4cqw;height:10.4cqw;flex:none}
.dest .app svg{width:100%;height:100%}
.dest b{display:block;font-size:4cqw;letter-spacing:-.03em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dest em{display:block;font-style:normal;font-size:2.5cqw;color:var(--muted);font-weight:600;margin-top:.4cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dest--sm{padding:3cqw}
.dest--sm b{font-size:3.4cqw}
.dest--sm .app{width:8.6cqw;height:8.6cqw}
.dest--ghost{background:transparent;border:2px dashed var(--line-2);box-shadow:none;color:var(--muted)}
/* states */
.cb[data-state="sent"] .c1 .over,.cb[data-state="error"] .c1 .over,.cb[data-state="account"] .over{animation:draw 640ms var(--ease-in-out) 150ms both}
.cb[data-state="account"] .c2 .over{animation-delay:520ms}
.cb[data-state="account"] .dest.on::before{background:var(--volt);border-color:var(--ink);box-shadow:0 0 0 2.4cqw color-mix(in oklab,var(--volt) 40%,transparent)}
.cb[data-state="sent"] .cb-hub,.cb[data-state="account"] .cb-hub{box-shadow:0 0 0 1.6cqw color-mix(in oklab,var(--volt) 55%,transparent),0 3cqw 6cqw -3cqw rgba(18,19,22,.5)}
.cb[data-state="error"] .cb-hub{--st:var(--s-limited);box-shadow:0 0 0 1.6cqw color-mix(in oklab,var(--s-limited) 35%,transparent),0 3cqw 6cqw -3cqw rgba(18,19,22,.5)}
.cb[data-state="locked"] .cb-hub{--st:var(--s-maintenance);box-shadow:0 0 0 1.6cqw color-mix(in oklab,var(--s-maintenance) 30%,transparent),0 3cqw 6cqw -3cqw rgba(18,19,22,.5)}
.cb[data-state="error"] .cb-hub .badge-s,.cb[data-state="locked"] .cb-hub .badge-s{display:grid}
.cb[data-state="error"] .c1 .over{stroke:var(--s-limited)}
.cb[data-state="locked"] .c1 .under{stroke:var(--s-maintenance)}
.cb[data-state="out"] .cb-you,.cb[data-state="out"] .dest{opacity:.45}
.cb[data-state="idle"] .dest,.cb[data-state="locked"] .dest{opacity:.7}
/* compact strip (phones) */
.strip{display:none;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--bg-2);margin-bottom:20px}
.strip .node{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700}
.strip .node>span:not(.avatar){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip .node svg{width:28px;height:28px;flex:none}
.strip .ln{flex:1;min-width:16px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 5px,transparent 5px 10px)}
.strip .ln.on{background:var(--ink)}
.strip .ln.warn{background:var(--s-limited)}
.strip .ln.bad{background:var(--s-maintenance)}
@media (max-width:899px){
  .am{padding:20px 0 48px}
  .am-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .cb{display:none}
  .strip{display:flex}
}

/* ---------- card ---------- */
.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:var(--shadow-card);display:grid;gap:18px}
@media (max-width:520px){.card{padding:26px 20px;border-radius:22px}}
.card h1{margin:0;font-size:clamp(26px,3vw,32px);line-height:1.2;letter-spacing:-.04em;font-weight:800;text-wrap:balance}
.card .lead{margin:0;color:var(--ink-2);font-size:16px;line-height:1.6}
.card p{margin:0}
.card form{margin:0}
.kick{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.steps{display:flex;align-items:center;gap:6px;font:500 12px var(--f-mono);color:var(--muted)}
.steps i{width:22px;height:4px;border-radius:2px;background:var(--line-2)}
.steps i.on{background:var(--ink)}
.dest-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg-2);min-width:0}
.dest-row svg{width:36px;height:36px;flex:none}
.dest-row small{display:block;font:500 11.5px var(--f-mono);color:var(--muted);letter-spacing:.03em}
.dest-row b{display:block;font-size:15.5px;letter-spacing:-.02em}
.big-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--bg-2)}
.big-ic.warn{background:color-mix(in oklab,var(--s-limited) 14%,transparent);--duo:var(--s-limited);--duo-o:.35}
.big-ic.bad{background:color-mix(in oklab,var(--s-maintenance) 12%,transparent);--duo:var(--s-maintenance);--duo-o:.3}
.field{display:grid;gap:6px}
.field label{font-size:14px;font-weight:650}
.field input[type=email],.field input[type=text]{height:54px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface-2);padding:0 16px;font-size:17px;color:var(--ink);transition:border-color 150ms ease,box-shadow 150ms ease;width:100%}
.field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 25%,transparent)}
.field input[aria-invalid="true"]{border-color:var(--s-maintenance)}
.field .btn{margin-top:6px}
.help{font-size:13px;color:var(--muted);line-height:1.55;display:flex;gap:6px;align-items:flex-start}
.help .ic{width:16px;height:16px;margin-top:2px;flex:none}
.err{display:flex;gap:6px;align-items:flex-start;font-size:13.5px;color:var(--s-maintenance);font-weight:650;line-height:1.5}
.err .ic{width:16px;height:16px;margin-top:2px;flex:none}
.actions{display:grid;gap:10px}
.actions--row{display:flex;flex-wrap:wrap;gap:10px}
.actions--row .btn{flex:1 1 auto}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13.5px}
.timer{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.timer .ic{width:16px;height:16px}
.timer:not([data-running]) span:empty{display:none}
.email-chip{min-width:0;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px 6px 6px;border-radius:999px;background:var(--bg-2);font-weight:700;font-size:14.5px;color:var(--ink)}
.email-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* one-time code: a plain field without JS, six cells over one real input with JS */
.otp{position:relative}
.otp input{display:block;width:100%;height:58px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface-2);padding:0 16px;font:600 24px var(--f-mono);letter-spacing:.35em;color:var(--ink)}
.otp input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 25%,transparent)}
.otp.bad input{border-color:var(--s-maintenance)}
.otp .cell{display:none}
.js .otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.js .otp input{position:absolute;inset:0;height:100%;opacity:0;font-size:16px;border:0;padding:0;cursor:text;letter-spacing:2.6em;box-shadow:none}
.js .otp .cell{height:62px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface-2);display:grid;place-items:center;font:600 26px var(--f-mono);color:var(--ink);transition:border-color 150ms ease,box-shadow 150ms ease}
.js .otp.focus .cell.cur{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 25%,transparent)}
.js .otp.focus .cell.cur:empty::after{content:"";width:2px;height:26px;background:var(--ink);animation:blink 1s steps(1) infinite}
.js .otp.bad .cell{border-color:var(--s-maintenance)}
@keyframes blink{50%{opacity:0}}
@media (max-width:380px){.js .otp{gap:6px}.js .otp .cell{height:54px;font-size:22px}}

/* blocked states */
.when{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:var(--bg-2)}
.when small{color:var(--muted);font-size:12.5px}
.when b{font-size:20px;letter-spacing:-.02em;font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* account */
.acc-head{display:flex;align-items:center;gap:14px;min-width:0}
.acc-head div{min-width:0}
.acc-head b{display:block;font-size:17px;overflow-wrap:anywhere}
.acc-head small{color:var(--muted);font:500 12px var(--f-mono)}
.sec{display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--line)}
.sec h2{margin:0;color:var(--muted);font:500 12px var(--f-mono);letter-spacing:.04em}
.tool{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.tool svg.app{width:40px;height:40px}
.tool b{display:block;font-size:15px;letter-spacing:-.02em}
.tool small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-2);padding:4px 0}
.kv span:first-child{color:var(--muted)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.two>div{padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:8px;align-content:start}
.two h3{margin:0;font-size:13px;color:var(--muted);font-weight:650;display:flex;align-items:center;gap:6px}
.two h3 .ic{width:15px;height:15px}
.two ul{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.55;color:var(--ink-2)}
@media (max-width:520px){.two{grid-template-columns:minmax(0,1fr)}}
.card--policy h2{margin:10px 0 0;font-size:19px;letter-spacing:-.02em}
.card--policy p{color:var(--ink-2);line-height:1.8}
@media (max-width:420px){.brand .tag{display:none}.kick>.mono{display:none}.kick{justify-content:flex-end}}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .cb .over{animation:none!important}
  .cb[data-state="sent"] .c1 .over,.cb[data-state="error"] .c1 .over,.cb[data-state="account"] .over{stroke-dashoffset:0}
  .js .otp.focus .cell.cur:empty::after{animation:none}
  .btn,.btn .ic,.skip{transition:none}
}