.support-page{min-height:calc(100vh - 150px);padding:72px 0 96px;background:radial-gradient(circle at 15% 0,rgba(30,164,255,.14),transparent 32%),#07182b;color:#fff}
.support-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start}
.support-card,.support-info{border:1px solid rgba(125,201,255,.16);background:rgba(8,31,54,.78);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.support-card{overflow:hidden}.support-head{padding:24px 26px;border-bottom:1px solid rgba(125,201,255,.14)}
.support-head h1{margin:8px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.support-head p{margin:0;color:#9fb6ca;line-height:1.65}
.support-messages{min-height:360px;max-height:520px;overflow:auto;padding:22px;background:rgba(2,18,33,.55)}
.support-msg{max-width:84%;margin:0 0 12px;padding:12px 14px;border-radius:16px;line-height:1.5;white-space:pre-wrap}
.support-msg.bot{background:#102d47;border:1px solid rgba(125,201,255,.12)}.support-msg.user{margin-left:auto;background:#1689ff;color:#fff}
.support-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.support-quick button{border:1px solid rgba(125,201,255,.22);background:#0c2942;color:#d9ecff;border-radius:999px;padding:9px 12px;cursor:pointer}
.support-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;background:#071c31}.support-form input{min-width:0;border:1px solid rgba(125,201,255,.2);background:#071526;color:#fff;border-radius:14px;padding:13px 14px;font:inherit;outline:none}
.support-form input:focus{border-color:#29b6ff;box-shadow:0 0 0 3px rgba(41,182,255,.12)}.support-form button{border:0;border-radius:14px;padding:0 20px;background:linear-gradient(135deg,#32d6e8,#278cff);color:#00162a;font-weight:800;cursor:pointer}
.support-info{padding:26px}.support-info h2{margin:0 0 12px;font-size:24px}.support-info p{color:#9fb6ca;line-height:1.65}.support-info ul{padding-left:20px;color:#dcecff;line-height:1.8}.support-info a{color:#4ed8ff;font-weight:700}
@media(max-width:900px){.support-shell{grid-template-columns:1fr}.support-page{padding-top:36px}}
.support-mode{display:inline-flex;align-items:center;margin-top:14px;padding:7px 10px;border-radius:999px;background:rgba(81,224,236,.1);border:1px solid rgba(81,224,236,.22);color:#68e7ef;font-size:11px;font-weight:850;letter-spacing:.04em}.support-mode[data-mode="knowledge"]{color:#a9bed1;background:rgba(169,190,209,.08);border-color:rgba(169,190,209,.16)}

.support-disclaimer{margin-top:16px;padding:13px 14px;border-radius:14px;background:rgba(255,196,69,.09);border:1px solid rgba(255,205,96,.24);color:#e9d8ae;line-height:1.55;font-size:12px}.support-disclaimer strong{display:block;margin-bottom:5px;color:#ffd77a;font-size:12px}.support-disclaimer span{display:block}


/* DoneFile support page production hardening */
.support-page{padding:48px 0 84px}
.support-shell{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:28px}
.support-card,.support-info{min-width:0}
.support-card{border-radius:24px}
.support-messages{overscroll-behavior:contain}
.support-info{position:sticky;top:108px;border-radius:22px}
.support-form input{min-width:0}
@media(max-width:980px){
  .support-shell{grid-template-columns:1fr}
  .support-info{position:relative;top:auto}
}
@media(max-width:640px){
  .support-page{padding:28px 0 58px}
  .support-head{padding:20px 18px}
  .support-messages{min-height:320px;max-height:56vh;padding:16px}
  .support-msg{max-width:94%}
  .support-form{padding:12px}
  .support-info{padding:20px}
}