:root{color-scheme:light;--mk-canvas:#F6F5F2;--mk-card:#FFFFFF;--mk-border:#E6E3DC;--mk-border-strong:#D6D3CB;--mk-control-border:#80838F;--mk-ink:#1D2033;--mk-text-2:#3D4054;--mk-muted:#6B6E80;--mk-navy:#3E4C8A;--mk-navy-hover:#2E3A6E;--mk-orange-tint:#FDEEE6;--mk-orange-text:#A93A0C}
*{box-sizing:border-box}
body{margin:0;background:var(--mk-canvas);color:var(--mk-ink);font:16px/1.5 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;padding:18px}
.mk-card{max-width:560px;margin:24px auto;background:var(--mk-card);border:1px solid var(--mk-border);border-radius:16px;padding:24px}
.mk-brand{margin:0 0 12px;color:var(--mk-navy);font-weight:700}
h1{font-size:24px;font-weight:600;line-height:1.25;margin:0 0 16px}
p{margin:0 0 12px;color:var(--mk-text-2)}
.mk-warning{background:var(--mk-orange-tint);color:var(--mk-orange-text);border-radius:8px;padding:12px}
fieldset{border:1px solid var(--mk-border-strong);border-radius:12px;padding:12px 16px;margin:16px 0}
legend{font-weight:600;padding:0 4px}
.mk-check{display:flex;align-items:center;gap:12px;min-height:44px}
.mk-check input{width:24px;height:24px;accent-color:var(--mk-navy)}
.mk-list{color:var(--mk-text-2);padding-left:20px;margin:0 0 16px}
.mk-buttons{display:flex;flex-wrap:wrap;gap:12px}
button,.mk-link-button{min-height:44px;border-radius:12px;padding:10px 20px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.mk-primary{background:var(--mk-navy);color:#FFFFFF;border:1px solid var(--mk-navy)}
.mk-primary:hover{background:var(--mk-navy-hover)}
.mk-secondary{background:var(--mk-card);color:var(--mk-ink);border:1px solid var(--mk-border-strong)}
a{color:var(--mk-navy)}
:focus-visible{outline:3px solid var(--mk-navy);outline-offset:2px}