/* MIUUM program-agreement gate. Dark by default (the portals' base theme),
   flips with html[data-theme="light"] like the portals do. Gold is an accent
   only; the wordmark reuses the portals' .mm-wm class when present. */
.mag-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;overflow:auto;
  padding:32px 16px;background:var(--mag-bg,#0B0A08);color:var(--mag-text,#EDE8DD);
  font-family:var(--sans,'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
html.mag-locked{overflow:hidden}
.mag-card{width:100%;max-width:820px;margin:auto 0}
.mag-head{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}
.mag-wm{font-family:var(--serif,Georgia,'Times New Roman',serif);font-weight:600;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;font-size:30px;line-height:1;color:var(--mag-gold,#E2C685)}
.mag-kicker{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--mag-muted,#A89F8D);font-weight:600}
.mag-title{font-family:var(--serif,Georgia,'Times New Roman',serif);font-weight:420;font-size:clamp(22px,3.6vw,30px);line-height:1.15;margin:0 0 8px;color:var(--mag-cream,#F4EFE6);text-align:center}
.mag-lead{margin:0 0 18px;color:var(--mag-muted,#A89F8D);text-align:center;font-size:13.5px}
.mag-loading{padding:40px 0}
.mag-doc{height:min(52vh,560px);overflow:auto;padding:22px 26px;border:1px solid var(--mag-line,rgba(201,169,97,.16));border-radius:14px;
  background:var(--mag-panel,#161310);font-family:var(--serif,Georgia,'Times New Roman',serif);font-size:14px;line-height:1.7;color:var(--mag-text,#EDE8DD);
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.mag-doc:focus{outline:2px solid var(--mag-gold,#C9A961);outline-offset:2px}
.mag-doc h1{font-weight:500;font-size:22px;text-align:center;margin:0 0 6px;color:var(--mag-cream,#F4EFE6)}
.mag-doc .subtitle{text-align:center;color:var(--mag-muted,#A89F8D);font-size:12px;margin:0 0 4px}
.mag-doc .subtitle+.subtitle{margin-bottom:22px}
.mag-doc h2{font-size:15px;font-weight:600;margin:24px 0 8px;color:var(--mag-cream,#F4EFE6)}
.mag-doc p,.mag-doc li{margin:0 0 10px}
.mag-doc ul{padding-left:20px}
.mag-doc .note{color:var(--mag-muted,#A89F8D);font-size:12.5px}
.mag-doc .cl .n{color:var(--mag-gold,#E2C685);margin-right:8px}
.mag-doc a{color:var(--mag-gold,#E2C685)}
.mag-hint{margin:10px 2px 0;font-size:12.5px;color:var(--mag-muted,#A89F8D)}
.mag-hint-ok{color:var(--mag-good,#8fc9a3)}
.mag-form{margin-top:16px}
.mag-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.mag-grid{grid-template-columns:1fr}.mag-overlay{padding:18px 12px}.mag-doc{padding:16px 18px;height:46vh}}
.mag-field{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mag-muted,#A89F8D)}
.mag-field input{font:inherit;font-size:15px;letter-spacing:0;text-transform:none;padding:12px 14px;border-radius:10px;
  border:1px solid var(--mag-line,rgba(201,169,97,.2));background:var(--mag-panel,#161310);color:var(--mag-text,#EDE8DD)}
.mag-field input:focus{outline:none;border-color:var(--mag-gold,#C9A961);box-shadow:0 0 0 3px rgba(201,169,97,.18)}
.mag-check{display:flex;gap:12px;align-items:flex-start;margin-top:16px;font-size:13px;cursor:pointer}
.mag-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--mag-gold,#C9A961);cursor:pointer}
.mag-error{margin:12px 0 0;color:#e08a8a;font-size:13px}
.mag-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}
.mag-btn{font:inherit;font-size:14px;font-weight:500;padding:12px 20px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:opacity .2s,transform .2s}
.mag-btn:active{transform:translateY(1px)}
.mag-primary{background:var(--mag-gold,#C9A961);color:#0B0A08}
.mag-primary:disabled{opacity:.38;cursor:not-allowed}
.mag-ghost{background:transparent;color:var(--mag-text,#EDE8DD);border-color:var(--mag-line,rgba(201,169,97,.3))}
.mag-ghost:hover{border-color:var(--mag-gold,#C9A961)}
.mag-fine{margin:18px 0 0;font-size:11.5px;line-height:1.5;color:var(--mag-muted,#A89F8D)}
/* Light theme, the same flip the portals use. */
html[data-theme="light"] .mag-overlay{--mag-bg:#F5F1E8;--mag-panel:#FFFFFF;--mag-text:#3A362E;--mag-cream:#1A1813;--mag-muted:#6E675A;
  --mag-gold:#9A7B2E;--mag-line:rgba(20,17,11,.12);--mag-good:#217048}
html[data-theme="light"] .mag-primary{color:#FFFFFF}
html[data-theme="light"] .mag-error{color:#a83a3a}
html[data-theme="light"] .mag-wm{color:var(--gold-deep,#8F742F)}
@media (prefers-reduced-motion:reduce){.mag-doc{scroll-behavior:auto}.mag-btn{transition:none}}