:root{--navy:#071f38;--blue:#0675e8;--cyan:#16b9d4;--bg:#f1f7fc;--ink:#11283f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,sans-serif}.support-header{min-height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,68px);box-shadow:0 6px 22px #10283c24}.brand{font-weight:800;color:#fff;text-decoration:none;font-size:1.35rem}.brand span{margin-left:.65rem}.support-header nav{display:flex;align-items:center;gap:1rem}.support-header nav a{color:#d9ecff;text-decoration:none}.hero{min-height:67vh;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.hero h1{font:700 clamp(2.5rem,5vw,5rem)/1.04 Georgia,serif;max-width:800px}.eyebrow{color:#00839a;font-weight:800;letter-spacing:.16em;font-size:.78rem}.privacy-card,.form-card,.summary,.auth-card,.empty{background:#fff;border:1px solid #d5e3ef;border-radius:20px;padding:1.5rem;box-shadow:0 16px 50px #14314a12}.auth-card{max-width:600px;margin:5vh auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.ticket-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.5rem}.comment{padding:1rem;border-bottom:1px solid #e3edf5}.comment time{float:right;color:#687f94;font-size:.82rem}.comment.internal{background:#fff8df;border-left:4px solid #e6ad00}.summary dl{margin:0}.summary dt{color:#61778a}.summary dd{margin-bottom:1rem}.preserve{white-space:pre-wrap}.workspace-cards{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.workspace-cards a{background:#fff;border:1px solid #bdd2e4;padding:.75rem 1rem;border-radius:10px;text-decoration:none}footer{background:var(--navy);color:#cde5f9;padding:1.2rem;margin-top:4rem}@media(max-width:800px){.support-header{align-items:flex-start;padding-block:1rem;gap:1rem}.support-header nav{flex-wrap:wrap;justify-content:flex-end}.hero,.ticket-grid{grid-template-columns:1fr}.hero{gap:1.5rem;padding-block:2rem}.page-heading{align-items:flex-start;flex-direction:column}}
