:root{color-scheme:dark;--bg:#111210;--panel:#1b1d17;--gold:#dbb65f;--text:#eeeee7;--muted:#a8ac9d;--line:#383c2e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 40%,#292c20 0,transparent 60%),var(--bg);color:var(--text);font:15px/1.65 Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none;transition:color .25s}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.topbar{max-width:1180px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand strong{font:italic 900 30px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.6px}.brand strong span{color:var(--gold)}.brand small{font-size:9px;letter-spacing:8px;margin:8px 0 0 22px;color:#b9b69d}.back-link{font-size:12px;color:var(--muted)}.support-layout{max-width:1180px;margin:65px auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;padding:0 36px;align-items:center}.briefing{min-width:0}.scene{height:245px;border:1px solid var(--line);background-image:linear-gradient(0deg,#171a13 0%,#171a1310 60%),url('assets/support-scene.png');background-size:100% 100%,700px auto;background-position:center,center -110px;background-repeat:no-repeat;position:relative}.scene:after{content:'';position:absolute;width:44px;height:3px;background:var(--gold);bottom:0;left:28px}.briefing-copy{padding:28px 0 0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.3px;color:var(--gold);margin:0 0 15px}h1{font:700 clamp(36px,4.4vw,58px)/1.03 Impact,'Arial Narrow',sans-serif;letter-spacing:.2px;margin:0 0 22px}h1 em{color:var(--gold);font-style:italic}.briefing-copy>p:not(.eyebrow){color:var(--muted);max-width:450px;font-size:14px}.service-note{display:flex;gap:17px;padding-top:25px;margin-top:28px;border-top:1px solid var(--line)}.service-note>span{color:var(--gold);font-size:24px}.service-note strong{font-size:12px}.service-note p{font-size:12px;color:var(--muted);margin:6px 0 0}.login-card{background:linear-gradient(135deg,#23261d,#191c16);border:1px solid #484c3a;border-top:2px solid var(--gold);padding:36px;box-shadow:0 20px 70px #0004}.login-card h2{font:700 38px/1.1 'Arial Narrow',Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px}.intro{font-size:13px;color:var(--muted);margin:0 0 30px}.field{margin-bottom:24px}.field label{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:9px;color:#c8cbbd}.field input{display:block;width:100%;height:51px;padding:0 14px;border:1px solid #484d3b;border-radius:0;background:#10130f;color:var(--text);font:14px Arial,sans-serif;transition:border-color .25s,background .25s}.field input::placeholder{color:#747c6b}.field input:focus{border-color:var(--gold);background:#171b13}.field small{display:block;color:#949b87;font-size:11px;margin-top:9px}.sign-in{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:14px 18px;border:1px solid var(--gold);background:var(--gold);color:#1b2113;font-size:11px;letter-spacing:1.2px;font-weight:800;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}.sign-in span{font-size:20px}.sign-in:hover{background:#f3d88c;transform:translateY(-2px);box-shadow:0 7px 25px #dbb65f20}.account-links{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:12px;color:var(--muted)}.account-links p{margin:8px 0}.account-links a,.notice a{color:var(--gold)}.account-links a:hover,.notice a:hover{color:#ffe4a1;text-decoration:underline}.notice{background:#36201b;border:1px solid #915644;color:#f0c4b6;padding:14px;margin-bottom:24px;font-size:13px;overflow-wrap:anywhere}footer{max-width:1180px;margin:0 auto;padding:25px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.7px;color:#858c78}@media(max-width:850px){.support-layout{gap:32px;padding:0 24px}.login-card{padding:26px}.topbar{padding:24px}.scene{height:190px}h1{font-size:40px}}@media(max-width:650px){.support-layout{grid-template-columns:1fr;margin:30px auto;gap:28px}.scene{height:160px}.briefing-copy{padding-top:24px}h1{font-size:39px}.service-note{display:none}.login-card h2{font-size:32px}.topbar{padding:20px 24px}.brand strong{font-size:26px}.back-link{font-size:11px}footer{padding:22px 24px;flex-wrap:wrap;font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
