:root{color-scheme:dark;--cyan:#20b8ff;--navy:#03142a;--text:#f4f7ff;--muted:#d1d9e7}
*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}body{margin:0;min-height:100vh;min-height:100dvh;position:relative;isolation:isolate;overflow-x:hidden;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 39%,#0b3260 0%,#062244 30%,#041831 65%,#031226 100%)}
.background-grid{position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(83,151,212,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(83,151,212,.075) 1px,transparent 1px);background-size:61px 61px;mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)}
.ambient-light{position:absolute;z-index:-2;top:10%;left:50%;width:min(850px,95vw);height:580px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(20,110,199,.23),transparent 67%);pointer-events:none}
.wave{position:absolute;z-index:-1;bottom:0;width:min(48vw,720px);height:32vh;min-height:185px;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,140,255,.22))}.wave-left{left:0}.wave-right{right:0}
.site-header{height:116px;padding:18px clamp(22px,3vw,48px);display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:270px;max-width:38vw;height:auto}.header-status{margin-top:24px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;font-size:12px;text-align:right;white-space:nowrap}.header-line{display:block;height:1px;margin:12px 0 0 auto;width:165px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.main-content{min-height:calc(100dvh - 116px);display:flex;align-items:center;justify-content:center;padding:4px 24px 38px}.maintenance{width:min(100%,900px);text-align:center;animation:arrive .85s ease-out both}.logo-panel{width:min(532px,100%);margin:0 auto 24px;padding:31px 29px;border-radius:30px;border:2px solid #9bdfff;background:linear-gradient(135deg,#f4faff 0%,#e3f0fc 42%,#f6fbff 43%,#d7e8f8 100%);box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 0 26px rgba(0,163,255,.62),0 0 65px rgba(0,130,255,.22);position:relative;overflow:hidden}.logo-panel::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 41%,rgba(255,255,255,.32) 50%,transparent 59%);transform:translateX(-100%) rotate(10deg);animation:shine 8s ease-in-out infinite;pointer-events:none}.logo-panel img{display:block;width:100%;height:auto;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 10px;text-transform:uppercase;font-size:14px;letter-spacing:.34em;font-weight:700;white-space:nowrap}.eyebrow span{width:66px;height:1px;background:linear-gradient(90deg,transparent,#63caff)}.eyebrow span:last-child{transform:scaleX(-1)}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.03;letter-spacing:-.055em;margin:0 0 10px;font-weight:800}h1 strong{color:var(--cyan);font-weight:800}.intro{color:var(--muted);font-size:16px;line-height:1.55;margin:0 auto 20px;max-width:760px}.operational{width:fit-content;max-width:100%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 28px;border:1.5px solid #00a5ff;border-radius:100px;background:rgba(1,19,43,.6);box-shadow:0 0 13px rgba(0,160,255,.2),inset 0 0 12px rgba(0,130,255,.08);font-weight:700;font-size:15px}.operational svg{width:34px;height:34px;flex:none;color:#4ac8ff}.contact{display:flex;align-items:center;justify-content:center;gap:15px;text-align:left}.contact-icon{width:47px;height:47px;border:1.5px solid #00a5ff;border-radius:12px;display:grid;place-items:center;flex:none;color:#43c6ff;box-shadow:inset 0 0 10px rgba(0,150,255,.12)}.contact-icon svg{width:34px;height:34px}.contact-copy{border-left:1px solid #42c5ff;padding-left:18px}.contact-copy p{font-size:14px;color:#e0e7f1;margin:0 0 3px}.contact-copy a{font-size:20px;font-weight:800;text-decoration:none;color:#28c1ff;overflow-wrap:anywhere}.contact-copy a:hover,.contact-copy a:focus-visible{text-decoration:underline;color:#82dcff}
@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%,65%,100%{transform:translateX(-100%) rotate(10deg)}80%{transform:translateX(100%) rotate(10deg)}}
@media(max-width:700px){.site-header{height:95px;padding:17px 20px}.brand img{width:185px;max-width:53vw}.header-status{font-size:9px;letter-spacing:.1em;margin-top:18px}.header-line{width:100px}.main-content{min-height:calc(100dvh - 95px);padding:25px 18px 55px}.logo-panel{padding:20px 16px;border-radius:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.2em;gap:10px}.eyebrow span{width:25px}h1{font-size:clamp(34px,8vw,50px);margin:14px 0}.intro{font-size:14px;line-height:1.7}.desktop-break{display:none}.operational{padding:11px 14px;gap:10px;font-size:12px}.operational svg{width:25px;height:25px}.contact{align-items:flex-start}.contact-copy p{font-size:12px;line-height:1.5}.contact-copy a{font-size:clamp(13px,3.5vw,18px)}.contact-icon{width:39px;height:39px}.contact-icon svg{width:27px;height:27px}.wave{width:70vw;height:20vh;opacity:.65}}
@media(max-width:380px){.header-status{display:none}.contact{gap:8px}.contact-copy{padding-left:10px}.logo-panel{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}