.support-hero{padding:76px 0 46px;background:linear-gradient(135deg,#fff 0%,#f7fbff 70%,#edf5ff 100%)}
.support-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);gap:72px;align-items:end}.support-hero h1{margin:18px 0 24px;font-family:Onest,Inter,sans-serif;font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-.07em}.support-hero h1 em,.support-intro-card h2{font-style:normal;color:#1d6fe5}.support-lead{max-width:620px;font-size:18px;line-height:1.65;color:#657184}.support-contact{display:inline-flex;align-items:center;gap:13px;margin-top:30px;padding:14px 18px;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 14px 30px rgba(35,80,125,.08)}.support-contact-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf3ff;color:#1d6fe5;font-weight:800}.support-contact small,.support-contact a{display:block}.support-contact small{margin-bottom:3px;color:#8995a5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.support-contact a{color:#1d61be;font-weight:700;text-decoration:none}.support-intro-card,.support-login-card,.support-form-card,.support-history-card,.support-ticket-detail{border:1px solid #dfe8f2;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(35,80,125,.08)}.support-intro-card{padding:30px}.support-card-index{display:inline-flex;color:#1d6fe5;font-size:12px;font-weight:800;letter-spacing:.08em}.support-intro-card h2{margin:35px 0 12px;font:700 28px/1.05 Onest,Inter,sans-serif;letter-spacing:-.04em}.support-intro-card p{color:#69778b;line-height:1.65}.support-section{padding-top:38px}.support-login-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 34px}.support-login-card h2,.support-form-card h2,.support-history-card h2,.support-ticket-detail h2{margin:8px 0 0;font:700 30px/1.05 Onest,Inter,sans-serif;letter-spacing:-.045em}.support-login-card p:not(.eyebrow){max-width:620px;color:#68778b;line-height:1.55}.support-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start}.support-form-card,.support-history-card{padding:28px}.support-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.support-private-note,.support-count{padding:9px 12px;border-radius:999px;background:#edf5ff;color:#2e6fbe;font-size:12px;font-weight:800;white-space:nowrap}.support-form{display:grid;gap:16px}.support-form label,.support-admin-form label{display:grid;gap:8px;color:#4b5a6e;font-size:13px;font-weight:800}.support-form input,.support-form select,.support-form textarea,.support-admin-form select,.support-admin-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1eb;border-radius:13px;background:#fbfdff;color:#192536;font:500 15px/1.45 Inter,sans-serif;padding:13px 14px;outline:none;transition:border-color .18s,box-shadow .18s}.support-form input:focus,.support-form select:focus,.support-form textarea:focus,.support-admin-form select:focus,.support-admin-form textarea:focus{border-color:#3782e8;box-shadow:0 0 0 4px rgba(55,130,232,.12)}.support-form textarea,.support-admin-form textarea{min-height:145px;resize:vertical}.support-optional{color:#9aa6b4;font-size:11px;font-weight:600}.support-empty{margin:0;padding:22px 0;color:#8a96a5;line-height:1.55}.support-ticket-list{display:grid;gap:8px}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid #e4ebf3;border-radius:15px;color:inherit;text-decoration:none;transition:border-color .18s,background .18s}.support-ticket-row:hover,.support-ticket-row.is-selected{border-color:#9bc4f5;background:#f5faff}.support-ticket-row b,.support-ticket-row small{display:block}.support-ticket-row b{max-width:260px;overflow:hidden;color:#253349;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.support-ticket-row small{margin-top:5px;color:#8895a5;font-size:11px}.support-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.support-status-open{background:#fff4da;color:#ae7100}.support-status-in_progress{background:#eaf3ff;color:#1e68c2}.support-status-answered{background:#e7f8ef;color:#16834c}.support-status-closed{background:#eef1f4;color:#687484}.support-ticket-detail{margin-top:24px;padding:28px}.support-message-list{display:grid;gap:12px}.support-message{padding:17px 18px;border-radius:16px;background:#f3f7fb}.support-message.is-support{background:#edf5ff}.support-message>div{display:flex;justify-content:space-between;gap:15px;color:#4c6078;font-size:12px}.support-message time{color:#99a4b1}.support-message p{margin:9px 0 0;color:#26374b;line-height:1.6}.support-admin-dashboard{max-width:1120px}.support-admin-list{display:grid;gap:18px;margin-top:26px}.support-admin-ticket{padding:25px;border:1px solid #dfe8f2;border-radius:24px;background:#fff;box-shadow:0 14px 35px rgba(35,80,125,.07)}.support-admin-ticket-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.support-admin-ticket h2{margin:10px 0 8px;font:700 24px/1.1 Onest,Inter,sans-serif;letter-spacing:-.04em}.support-admin-ticket-head p{margin:0;color:#8794a3;font-size:12px}.support-admin-last{margin:20px 0;padding:16px 18px;border-radius:16px;background:#f5f8fb}.support-admin-last b{font-size:12px;color:#52637a}.support-admin-last p{margin:8px 0 0;color:#293b50;line-height:1.55}.support-admin-form{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;align-items:end}.support-admin-form textarea{min-height:75px}.support-empty-panel{padding:50px;text-align:center;border:1px dashed #cbd9e8;border-radius:20px;background:#fff}.support-admin-shell{padding-bottom:70px}
@media(max-width:860px){.support-hero{padding-top:48px}.support-hero-grid,.support-layout{grid-template-columns:1fr;gap:24px}.support-hero h1{font-size:58px}.support-login-card{align-items:flex-start;flex-direction:column}.support-admin-form{grid-template-columns:1fr}.support-admin-form .button{width:100%}}
@media(max-width:560px){.support-hero h1{font-size:48px}.support-form-card,.support-history-card,.support-ticket-detail,.support-intro-card{padding:21px;border-radius:21px}.support-section-heading,.support-ticket-row,.support-admin-ticket-head{align-items:flex-start;flex-direction:column}.support-ticket-row{gap:10px}.support-status{align-self:flex-start}.support-contact{max-width:100%;box-sizing:border-box}.support-login-card{padding:24px}.support-login-card .button{width:100%}}