.q-hero{padding:calc(var(--navh) + clamp(48px,8vw,110px)) 0 clamp(40px,6vw,80px);background:radial-gradient(900px 420px at 85% 0%,rgba(212,86,27,.22),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/48px 48px,var(--night)}
.q-hero h1{font-size:clamp(2.4rem,5.6vw,5rem)}
.q-hero h1 em{font-style:normal;color:var(--orange-l)}
.q-hero p{margin-top:20px;max-width:32em;color:rgba(255,255,255,.8);font-size:clamp(1.05rem,1.35vw,1.25rem)}
.q-hero .mono{display:inline-block;margin-bottom:22px;padding:8px 14px;border:1px solid var(--line-d);border-radius:99px;color:var(--sand)}
.q-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,72px);align-items:start}
.q-form{background:#fff;border:1px solid var(--line-l);border-radius:22px;padding:clamp(22px,3.5vw,40px);box-shadow:0 30px 60px -40px rgba(16,24,39,.4)}
.q-form h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:6px}
.q-form>p{color:var(--muted);margin-bottom:24px}
.q-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.q-form label{display:block;margin-bottom:16px;font-weight:600;font-size:15px}
.q-form label small{font-weight:400;color:var(--muted)}
.q-form input,.q-form select,.q-form textarea{display:block;width:100%;margin-top:6px;min-height:50px;padding:12px 14px;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line-l);border-radius:12px;transition:border-color .2s,background-color .2s}
.q-form textarea{min-height:110px;resize:vertical}
.q-form input:focus,.q-form select:focus,.q-form textarea:focus{outline:none;border-color:var(--orange);background:#fff}
.q-form .btn{width:100%;margin-top:6px}
.q-form .hp{position:absolute;left:-9999px}
.q-note{margin-top:14px;font-size:14px;color:var(--muted)}
.q-side{display:grid;gap:14px}
.q-card{padding:22px 24px;border-radius:18px;background:var(--night);color:#fff;border:1px solid var(--line-d)}
.q-card h3{font-size:1.05rem;margin:6px 0 8px}
.q-card p,.q-card a{color:rgba(255,255,255,.82);font-size:15px}
.q-card a{display:block;border-bottom:1px solid transparent}
.q-card a:hover{color:#fff}
.q-card .mono{color:var(--orange-l)}
@media(max-width:860px){.q-grid{grid-template-columns:1fr}.q-row{grid-template-columns:1fr}}
.q-status{margin-top:14px;padding:12px 14px;border-radius:12px;font-weight:600;font-size:15px}
.q-status.ok{background:#e4f4e8;color:#14532d}
.q-status.err{background:#fde8e4;color:#8a2a14}
.q-form .btn[disabled]{opacity:.7;cursor:progress;transform:none}