html{scroll-padding-top:calc(84px  +  env(safe-area-inset-top,0px))}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 1.45rem Outfit,sans-serif}.brand img{display:block;height:40px;width:auto;background:var(--logo-bg);border-radius:8px;padding:4px 8px}nav{display:flex;align-items:center;gap:28px}nav a:not(.btn){text-decoration:none;font-weight:500;color:var(--mute)}nav a:not(.btn):hover{color:var(--brand)}.burger{display:none;background:none;border:0;color:var(--ink);font-size:1.5rem;cursor:pointer}@media(max-width:900px){ .burger{display:block} nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;background:var(--bg);border-bottom:1px solid var(--line)} nav.open{display:flex} nav a:not(.btn){padding:12px 0} nav .btn{justify-content:center;margin-top:8px}}#App cursor{display:block;position:fixed;top:0;left:0;aspect-ratio:1 / 1;width:42px;border-radius:50px;background:rgba(255,255,255,0);border:1px solid rgba(142,169,207,.3);transition:all .1s linear;z-index:500;pointer-events:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#App cursor.click{width:50px;background:rgba(255,255,255,.3);top:-5px;left:-5px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-resolution:1.3dppx){ #App cursor{display:none}}#App footer{position:relative;z-index:1;color:#FFF;padding:20px;border-top:1px solid #4c437b;background:url(../im/gcs_btm_bk.png) no-repeat,linear-gradient(#322b55,#21272E)}#App footer a{color:#6e6697;text-decoration:none}#App footer a:hover{color:#948eb3;text-decoration:underline}#App footer a.imglogo{opacity:.7;margin-left:10%}#App footer div.cls{display:flex}#App footer div.cls div.cl{flex:1}#App footer div.cls div.cl div{margin-top:12px}#App footer div.base{text-align:right;padding:0 20%;font-size:.8em;color:#6e6697;margin-top:30px}@media screen and (max-width:800px){ #App footer div.base{padding:30px 30px 0;text-align:center}}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-resolution:1.3dppx){ #App footer div.cls{padding-top:120px;display:block} #App footer div.cl.cl0{content:"";display:block;position:absolute;top:30px;left:0;right:0} #App footer a.imglogo{margin-left:20px;display:inline-block} #App footer a.imglogo img{width:100px}}floating{--wa:#0f7d6e;--wa-dark:#075e54;--gap:20px;display:block}floating .fltbtn{position:fixed;right:calc(var(--gap) + env(safe-area-inset-right,0));bottom:calc(var(--gap) + env(safe-area-inset-bottom,0));z-index:40;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--wa);color:#fff;font-size:1.7rem;cursor:pointer;box-shadow:0 10px 24px -6px rgba(7,94,84,.6);transition:transform .2s}floating .fltbtn:hover{transform:scale(1.06)}floating .whtmsg{position:fixed;right:calc(var(--gap) + env(safe-area-inset-right,0));bottom:calc(var(--gap) + 58px + 14px + env(safe-area-inset-bottom,0));z-index:41;width:min(360px,calc(100vw - 2 * var(--gap)));max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;border-radius:22px;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px -16px rgba(30,31,61,.45);transform-origin:bottom right;opacity:0;visibility:hidden;transform:translateY(14px) scale(.96);transition:opacity .2s,transform .2s,visibility .2s}floating .whtmsg.show{opacity:1;visibility:visible;transform:none}floating .btncls{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}floating .btncls:hover{background:rgba(255,255,255,.32)}floating .frmcnt{position:relative}floating .bk{position:absolute;top:0;left:0;right:0;height:104px;background:linear-gradient(135deg,var(--wa-dark),var(--wa))}floating .info{position:relative;padding:20px}floating .info h3{margin:0 40px 28px 0;color:#fff;font-size:1.05rem;line-height:1.25}floating .ipts{display:grid;gap:12px}floating .fld{position:relative}floating .fld input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font:inherit}floating .fld input::placeholder{color:var(--mute)}floating .fld input:focus{outline:none;border-color:var(--wa);box-shadow:0 0 0 3px color-mix(in srgb,var(--wa) 30%,transparent)}floating .fld i{position:absolute;left:14px;top:26px;transform:translateY(-50%);color:var(--mute);pointer-events:none}floating .fld b{display:block;margin-top:4px;font:500 .8rem/1.3 Figtree,system-ui,sans-serif;color:#d64545}floating .fld b:empty{display:none}floating .act{display:flex;justify-content:flex-end;margin-top:16px}floating .button{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--wa);color:#fff;font-weight:600;cursor:pointer;user-select:none}floating .button:hover{filter:brightness(1.1)}floating .button em{font-style:normal} @media(max-width:600px){ floating .whtmsg{left:0;right:0;bottom:0;width:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0);border-radius:22px 22px 0 0;transform:translateY(40px)} floating.open .fltbtn{visibility:hidden}}@media(prefers-reduced-motion:reduce){ floating .whtmsg,floating .fltbtn{transition:none}}