:root { --g2l-navy:#07192f; --g2l-blue:#1264d9; --g2l-cyan:#17b4d7; --g2l-ink:#10213a; --g2l-muted:#52657b; --g2l-line:#dfe7f0; }
html { background:#f3f8fc; }
body { background:#f3f8fc !important; color:var(--g2l-ink); font:15px/1.6 "Segoe UI",ui-sans-serif,system-ui,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a, a:visited { color:var(--g2l-blue); }
a:hover { color:#0c4fac; }
#container { width:min(1120px,calc(100% - 32px)); min-height:calc(100vh - 115px); margin:24px auto 0; border:1px solid var(--g2l-line); border-radius:18px; background:#fff; box-shadow:0 18px 50px #07192f12; overflow:hidden; }
#header { height:auto; min-height:90px; padding:16px 28px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--g2l-line); }
#header #logo { order:-1; height:auto; float:none; display:flex; align-items:center; }
#header #logo img { width:145px; max-width:145px; max-height:58px; object-fit:contain; }
#header .pull-right { display:none; }
#header .pull-right p { max-width:100%; width:auto; padding:0; }
#header .pull-right a { font-weight:600; }
#nav { display:flex; align-items:center; gap:6px; height:auto; min-height:52px; margin:0; padding:8px 24px; border:0; border-bottom:1px solid var(--g2l-line); box-shadow:none; background:#fff; overflow-x:auto; white-space:nowrap; }
#nav li { display:block; flex:none; }
#nav li a { height:auto; min-height:34px; line-height:1.4; padding:8px 13px; margin:0; color:var(--g2l-ink); background-image:none !important; border-radius:9px; font-size:13px; font-weight:600; }
#nav li a.active,#nav li a:hover { color:var(--g2l-blue); background:#eaf2ff; }
#content { margin:0; padding:32px clamp(18px,4vw,42px) 48px; min-height:400px; overflow-x:auto; }
#content h1 { color:var(--g2l-navy); font-size:clamp(25px,3vw,36px); letter-spacing:-.03em; line-height:1.2; }
#content h2,#content h3 { color:var(--g2l-ink); }
#content p { line-height:1.65; }
#content table { max-width:100%; }
#ticketForm table[width="800"] { width:100%; }
input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],select,textarea { max-width:100%; border:1px solid #ccd9e7; border-radius:8px; padding:9px 12px; background:#fff; color:var(--g2l-ink); font:inherit; box-sizing:border-box; }
textarea { min-height:100px; }
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible { outline:3px solid var(--g2l-cyan); outline-offset:2px; }
input[type=submit],input[type=button],button,.button,.button:visited,.green.button,.green.button:visited,.blue.button,.blue.button:visited { color:#fff; background:var(--g2l-blue); border:0; border-radius:9px; padding:10px 16px; cursor:pointer; font:600 14px/1.4 "Segoe UI",ui-sans-serif,system-ui,Arial,sans-serif; }
input[type=reset] { border:1px solid var(--g2l-line); border-radius:9px; padding:10px 16px; background:#fff; color:var(--g2l-ink); cursor:pointer; }
input[type=submit]:hover,input[type=button]:hover,button:hover,.button:hover { background:#0c4fac; }
.front-page-button,.main-content { max-width:100%; }
#msg_error,.error_bar { border-radius:9px; }
#footer { width:min(1120px,calc(100% - 32px)); margin:0 auto 24px; padding:20px; color:var(--g2l-muted); }
#footer a { color:var(--g2l-blue); }
@media(max-width:680px) { #container { margin:8px auto 0; width:calc(100% - 12px); border-radius:12px; } #header { padding:14px 16px; min-height:75px; flex-wrap:wrap; } #header #logo img { width:120px; } #header .pull-right { margin-left:0; text-align:left; } #nav { padding:8px 12px; } #content { padding:22px 14px 36px; } #ticketForm table { width:100% !important; } #ticketForm input,#ticketForm select,#ticketForm textarea { max-width:100%; } }