/* "Manage my site" page (agency/concept-a/manage.html). Tokens, fonts, header, footer and .btn come from styles.css. */
.manage-page .top{position:static}
.manage-page .top-in{justify-content:center}
.mg-main{min-height:calc(100svh - 64px - 150px);display:flex;align-items:center;justify-content:center;padding:clamp(40px,8vw,96px) var(--gutter)}
.mg-card{width:100%;max-width:560px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,5vw,48px)}
.mg-h{margin:0 0 14px;font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,2.8rem);line-height:1.05;letter-spacing:-.03em;color:var(--cream)}
.mg-h2{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:1.8rem;letter-spacing:-.03em}
.mg-lede{margin:0 auto 26px;max-width:30em;color:var(--cream)}
.mg-form{text-align:left}
.mg-form label{display:block;font-weight:700;font-size:16px;margin:0 0 8px}
.mg-form input{width:100%;min-height:54px;font:inherit;font-size:18px;color:var(--cream);background:var(--ink);border:1px solid rgba(244,239,230,.45);border-radius:14px;padding:12px 16px}
.mg-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(77,200,255,.28)}
.mg-form input[aria-invalid=true]{border-color:#ff9a9a}
.mg-ts{margin:16px 0 0;display:flex;justify-content:center}.mg-ts:empty{display:none}
.mg-err{margin:10px 0 0;min-height:0;color:#ff9a9a;font-weight:600;font-size:16px}.mg-err:empty{display:none}
.mg-go{width:100%;justify-content:center;margin-top:20px;cursor:pointer;min-height:58px}
.mg-go[disabled]{opacity:.6;cursor:progress;transform:none}
.mg-done{background:rgba(77,200,255,.1);border:1px solid rgba(77,200,255,.45);border-radius:18px;padding:22px 20px}
.mg-done:focus{outline:none}
.mg-done p{margin:0 0 10px}
.mg-fine{color:var(--muted);font-size:15px}
.mg-fine a{color:var(--cream)}
.manage-page .fine{margin-top:22px}