.wrap{padding:24px clamp(16px,3vw,56px);display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.form{display:grid;gap:10px}.form label{display:grid;gap:4px;color:var(--mute);font-size:14px}.form input,.form select,textarea{width:100%}
textarea{background:#0f1115;color:var(--ink);border:1px solid #334155;border-radius:8px;padding:10px;font:inherit}
.msg{padding:10px 14px;border-radius:10px;margin:8px 0}.msg.err{background:rgba(239,68,68,.12);color:#fca5a5}.msg.ok{background:rgba(34,197,94,.12);color:#86efac}
.q{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:6px}.row{display:flex;gap:8px;flex-wrap:wrap}
.role{display:inline-block;padding:2px 10px;border-radius:999px;background:#1e293b;font-size:12px}