@import url('/assets/jc-tokens.css');
@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--jc-bg,#F4F6FA);color:var(--jc-text,#172B4D);line-height:1.6}
header{background:var(--jc-brand,#07016B);color:white;display:flex;align-items:center;gap:24px;padding:20px 32px}
header img{width:148px;height:auto}header span{font-size:16px;font-weight:600}
main{max-width:560px;padding:48px 24px;margin:0 auto}article{background:white;border:1px solid var(--jc-border,#DCE3ED);border-radius:12px;padding:32px}
h1{font-size:28px;line-height:1.25;margin:8px 0 20px}.eyebrow{color:var(--jc-muted,#526581);margin:0;font-size:13px;font-weight:600}
p{font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:24px 0 8px}
input,button{width:100%;min-height:48px;border-radius:8px;font:inherit}input{border:1px solid var(--jc-border,#DCE3ED);padding:10px 12px;min-width:0}
.scope{padding:12px;background:var(--jc-action-soft,#EAF0FF);border-radius:8px;font-size:13px;margin:24px 0}
button{background:var(--jc-action,#1D4ED8);color:white;border:0;padding:12px;font-weight:600;cursor:pointer}button:hover{background:var(--jc-action-hover,#1E40AF)}
:focus-visible{outline:3px solid var(--jc-action,#1D4ED8);outline-offset:3px}
@media(max-width:480px){header{padding:16px;gap:16px}header img{width:120px}main{padding:24px 16px}article{padding:24px}h1{font-size:26px}}