.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:16px;color:var(--tx)}
.qf input{max-width:420px}
.okbox{border-color:var(--acc)}
.errbox{border-color:var(--bad)}
.err{color:var(--bad);font-weight:600}
table.t{border-collapse:collapse;width:100%;margin:10px 0}
table.t th,table.t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
table.t th{color:var(--mut);font-weight:600;font-size:13px}
table.t input[type=text]{width:100%;min-width:120px;padding:5px 10px}
.btn{display:inline-block;font:inherit;font-weight:600;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#101a48;color:var(--tx);cursor:pointer;text-decoration:none}
.btn:hover{border-color:var(--acc)}
.btn.main{background:linear-gradient(135deg,#45e0c1,#33b9a0);color:#04210f;border:0}
.btn.bad{border-color:var(--bad);color:#ffb3c0}
.bar{display:inline-block;height:10px;border-radius:5px;background:var(--acc);vertical-align:middle}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;border:1px solid var(--line);color:var(--mut)}
.tag.g{border-color:var(--acc);color:var(--acc)}
.tag.y{border-color:var(--acc2);color:var(--acc2)}
.flash{background:#0f6b57;border-radius:10px;padding:8px 14px;margin:10px 0}
form.inline{display:inline}
a{color:#8fc7ff}