:root{color-scheme:dark;--bg:#09090b;--surface:#111114;--line:#2a2a30;--ink:#f4f4f5;--muted:#a1a1aa;--accent:#c4b5fd;--danger:#fca5a5}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 18% 8%,#21183c 0,transparent 38%),var(--bg);color:var(--ink);font:16px/1.6 Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:#ddd6fe}
.support-header{max-width:1180px;margin:auto;padding:24px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-size:20px;font-weight:800;letter-spacing:.07em;text-decoration:none;color:var(--ink)}
.support-header nav{display:flex;gap:clamp(12px,3vw,30px);flex-wrap:wrap}
.support-header nav a,footer a{font-size:14px;color:#d4d4d8;text-decoration:none}
.support-layout{max-width:1040px;margin:auto;padding:clamp(42px,8vw,88px) 24px 68px}
.support-intro{max-width:750px;margin:0 auto 38px;text-align:center}
.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;color:#c4b5fd}
h1,h2,p{margin-top:0}
h1{font-size:clamp(38px,7vw,64px);line-height:1.06;letter-spacing:-.045em;margin:15px 0 20px}
.support-intro>p{max-width:670px;margin:0 auto;color:#c4c4cc;font-size:clamp(16px,2.4vw,19px)}
.support-note{display:inline-flex;align-items:flex-start;gap:12px;margin-top:24px;padding:12px 17px;border:1px solid rgba(196,181,253,.22);border-radius:14px;background:rgba(196,181,253,.06);text-align:left}
.support-note p{margin:0;color:#d4d4da;font-size:14px}
.note-icon{color:var(--accent);font-size:18px}
.support-card{max-width:780px;margin:auto;padding:clamp(23px,5vw,46px);border:1px solid var(--line);border-radius:22px;background:rgba(17,17,20,.93);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.form-heading{margin-bottom:27px}
.form-heading h2,.success-view h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.025em;margin:7px 0 7px}
.form-heading p{margin:0;color:var(--muted);font-size:13px}
.form-heading p span,form label>span:first-of-type{color:#c4b5fd}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650}
input,select,textarea{width:100%;border:1px solid #3a3a42;border-radius:10px;background:#0b0b0e;color:var(--ink);padding:12px 14px;font:inherit;font-weight:400;transition:border-color .15s,box-shadow .15s}
input,select{min-height:48px}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.16)}
input:user-invalid,textarea:user-invalid{border-color:#b45353}
.full-width{grid-column:1/-1}
form small{color:var(--muted);font-weight:400;font-size:12px}
.consent{display:flex;flex-direction:row;align-items:flex-start;gap:11px;margin:22px 0;color:#c4c4cc;font-size:13px;font-weight:400}
.consent input{width:18px;height:18px;min-height:18px;margin:2px 0 0;accent-color:#a78bfa;flex:0 0 auto}
.consent span{color:#c4c4cc!important}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}
.form-message{margin:14px 0;color:var(--danger);font-size:14px}
.submit-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:0 21px;border:0;border-radius:999px;background:#f4f4f5;color:#09090b;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s,opacity .15s}
.submit-button:hover,.secondary-button:hover{transform:translateY(-1px)}
.submit-button:disabled{opacity:.6;cursor:wait;transform:none}
.direct-contact{text-align:center;margin:24px 0 0;color:#d4d4d8}
.success-view{padding:12px 0;text-align:center}
.success-mark{display:grid;width:50px;height:50px;margin:0 auto 22px;place-items:center;border-radius:50%;background:rgba(167,139,250,.15);color:#c4b5fd;font-size:24px}
.success-view>p{color:#c4c4cc}
.ticket-reference{display:inline-block;padding:10px 15px;border:1px solid #3a3a42;border-radius:9px;background:#0b0b0e;font-size:17px;letter-spacing:.08em}
.account-followup{margin:22px auto;max-width:560px}
.secondary-button{display:inline-flex;justify-content:center;margin:8px auto 0;border:1px solid #444;background:transparent;color:var(--ink)}
footer.site-footer{display:flex;justify-content:center;align-items:center;gap:8px 0;flex-wrap:wrap;padding:20px 18px max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px;line-height:1.5;text-align:center}
footer.site-footer nav{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}
footer.site-footer nav::before{content:"·";display:inline-block;padding:0 8px;color:var(--muted)}
footer.site-footer nav a{padding:4px 2px}
footer.site-footer nav a+a::before{content:"·";display:inline-block;padding:0 8px;color:var(--muted)}
@media(max-width:640px){.support-header{align-items:flex-start;flex-direction:column}.support-header nav{gap:10px 18px}.support-layout{padding:42px 15px}.support-card{border-radius:16px;padding:24px 18px}.form-grid{grid-template-columns:1fr;gap:17px}.full-width{grid-column:auto}.support-note{align-items:flex-start}.submit-button{width:100%}footer.site-footer{gap:4px 0;font-size:12px}footer.site-footer nav::before,footer.site-footer nav a+a::before{padding:0 6px}}

/* Premium B2B theme — Contact & Support, retaining all form functionality. */
:root{--bg:#edf3fa;--surface:#fff;--line:#d4e0ed;--ink:#122942;--muted:#5a7088;--accent:#286eb9;color-scheme:light}
body{background:linear-gradient(180deg,#10253d 0,#173957 430px,#edf3fa 430px,#edf3fa 100%);color:#102943;font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.support-header{max-width:none;padding:24px max(28px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(210,229,255,.19);background:#0d2037}
.brand{font-weight:800;color:#f2f7ff;letter-spacing:.015em}
.support-header nav a{color:#d9e9fb;font-weight:600}
.support-header nav a:hover{color:#fff}
.support-layout{max-width:1080px;padding-top:clamp(72px,10vw,105px)}
.support-intro{background:transparent;max-width:760px;padding:0 0 12px}
.eyebrow{color:#a4cbff;font-weight:750;letter-spacing:.16em}
.support-intro h1{color:#fff;font-weight:800;letter-spacing:-.05em}
.support-intro>p{color:#d1e2f3}
.support-note{background:#e7f1fc;border-color:#c6d9ef;border-radius:13px}
.support-note p{color:#36526f}
.note-icon{color:#357bc6}
.support-note a{color:#215c9e}
.support-card{max-width:830px;border:1px solid #d7e4ef;border-radius:17px;background:#fff;box-shadow:0 26px 60px rgba(22,55,89,.12)}
.form-heading h2,.success-view h2{color:#102b48;font-weight:800}
.form-heading p{color:#526c88}
.form-heading p span,form label>span:first-of-type{color:#2c6cb0}
form label{color:#23405f}
input,select,textarea{border-radius:10px;background:#f8fbff;border:1px solid #c9d8e8;color:#172f4b}
input:focus,select:focus,textarea:focus{border-color:#397dc5;box-shadow:0 0 0 3px rgba(73,132,209,.16)}
form small,.consent,.consent span,.direct-contact,.success-view>p{color:#526d86!important}
.consent input{accent-color:#347abf}
.submit-button{background:#1b5b9c;color:#fff;border-radius:11px;font-weight:750}
.submit-button:hover{background:#174e85}
.secondary-button{color:#1b5b9c;border-color:#8fb5dc;background:#fff}
.ticket-reference{background:#eaf3ff;color:#1a426a;border-color:#b9d6f5}
footer.site-footer{background:#e2ebf5;border-color:#cedce9;color:#586f88}
footer.site-footer nav a{color:#285e97}
@media(max-width:640px){.support-header{padding:22px 18px}.support-layout{padding-top:66px}.support-intro h1{font-size:clamp(36px,9vw,54px)}.support-card{padding:26px 18px}}