*{box-sizing:border-box;margin:0}
body{background:#0a0e11;color:#fff;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
p,li,h1,h2,h3{text-wrap:pretty;overflow-wrap:normal;hyphens:manual}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}

.masthead{--mh:#2f8fe0;--mh2:#2f8fe0;--c1:#2f78d6;--c2:#123b78;--c3:#0a1f44;--ic1:#8fe3ff;--ic2:#1b8fd6;--ic3:#0a4a86;
position:relative;color:#1b2329;
background:repeating-linear-gradient(100deg,#ffffff00 0 3px,#0000000a 3px 4px),linear-gradient(180deg,#ffffff 0%,#f1f3f6 55%,#dde2e9 100%);
clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),0 100%)}
.masthead.t-x{--mh:#e2333d;--mh2:#e2333d;--c1:#e0454f;--c2:#9a1a25;--c3:#4a0b12;--ic1:#ffb3b8;--ic2:#e2333d;--ic3:#8f1620}
.masthead.t-both{--mh:#2f8fe0;--mh2:#e2333d}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(90deg,var(--mh),var(--mh2));
clip-path:polygon(0 100%,100% 6px,100% 2px,0 calc(100% - 4px))}
.masthead .wrap{display:flex;align-items:stretch;gap:22px;padding:4px 0 22px}
.masthead .logo{display:flex;align-items:center}
.masthead .logo img{height:clamp(84px,13vw,140px);width:auto;max-width:none;display:block;filter:drop-shadow(0 5px 7px #14325a44)}
.wave{flex:1;position:relative;min-width:60px;overflow:hidden;align-self:center;height:76px;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wave svg{position:absolute;left:0;top:0;width:200%;height:100%;overflow:visible;will-change:transform}
.wave .w1{animation:flow 7s linear infinite}.wave .w2{animation:flow 11s linear infinite reverse}.wave .w3{animation:flow 16s linear infinite}
.wave path{fill:none;stroke:url(#wg);stroke-linecap:round;vector-effect:non-scaling-stroke}
.wave .a{stroke-width:2.6}.wave .b{stroke-width:1.6;opacity:.55}.wave .c{stroke-width:1.2;opacity:.35}
.wave .breathe{transform-box:fill-box;transform-origin:center;animation:breathe 4.5s ease-in-out infinite}
.wave .hi{position:absolute;inset:0;pointer-events:none;
background:linear-gradient(90deg,transparent,#fff,transparent);mix-blend-mode:overlay;opacity:.0}
@keyframes flow{to{transform:translateX(-50%)}}
@keyframes breathe{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.wave .glow{position:absolute;inset:0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);
-webkit-mask-size:28% 100%;mask-size:28% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:run 3.8s ease-in-out infinite}
.wave .glow svg path{stroke:#fff;filter:drop-shadow(0 0 4px var(--mh))}
@keyframes run{0%{-webkit-mask-position:-30% 0;mask-position:-30% 0}80%,100%{-webkit-mask-position:130% 0;mask-position:130% 0}}
.flags{align-self:center;display:flex;flex-direction:row;gap:12px}
.flag{position:relative;display:block;width:37px;height:37px;border-radius:50%;overflow:hidden;opacity:.9;
box-shadow:inset 0 1px 1px #fff9,0 3px 6px #0008;transition:transform .2s,opacity .2s}
.flag svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.flag::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff8c,#ffffff00 55%),radial-gradient(circle at 70% 90%,#00000055,#0000 60%);pointer-events:none}
.flag:hover{transform:scale(1.1);opacity:1}
.flag[aria-current=true]{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mh),0 3px 8px #0009}
@media(prefers-reduced-motion:reduce){.wave svg,.wave .glow,.wave .breathe{animation:none!important}.wave .glow{display:none}}
@media(max-width:760px){.masthead .wrap{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 12px 24px}
.masthead .logo{order:1;flex-basis:100%;justify-content:center}.masthead .logo img{height:auto;width:min(100%,390px)}
.wave{order:2;flex-basis:100%;height:34px}
.flags{order:4;flex-direction:row;justify-content:center;flex-basis:100%;gap:14px;padding:6px 0 2px}
.flag{width:35px;height:35px}}

.split{display:flex;min-height:calc(100vh - 150px)}
.foot{text-align:center;padding:22px 16px;color:#8ea0aa;font-size:.9rem;border-top:1px solid #ffffff1a;background:#080b0e}
.half{flex:1;display:flex;flex-direction:column;align-items:center;gap:26px;padding:36px 24px 56px;text-align:center}
.half.l{background:radial-gradient(ellipse at 30% 20%,#16323d,#0a0e11 70%)}
.half.r{background:radial-gradient(ellipse at 70% 20%,#3a1418,#0a0e11 70%);border-left:1px solid #ffffff1a}
.head{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(520px,100%)}
.half img.usb{width:100%;height:auto;border-radius:18px;box-shadow:0 24px 70px #000a;transition:transform .4s}
.head:hover img.usb{transform:scale(1.03) rotate(-1deg)}
.half h2{font-size:clamp(1.6rem,3.2vw,2.6rem);letter-spacing:.02em}
.half.l h2 span{color:#3fb6d6}.half.r h2 span{color:#c4262e}
.enter{padding:12px 28px;border-radius:999px;font-weight:700;border:2px solid currentColor;transition:.2s}
.half.l .enter{color:#3fb6d6}.half.r .enter{color:#ff5a62}
.head:hover .enter{background:currentColor}
.head:hover .enter b{color:#0a0e11}
.tiles{display:flex;flex-direction:column;gap:14px;width:min(520px,100%)}
.tile{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#10171c;border:1px solid #ffffff1f;transition:transform .25s,border-color .25s}
.tile:hover{transform:translateY(-3px);border-color:#fff8}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000b,transparent 45%);pointer-events:none}
.tile .cap{position:absolute;right:16px;bottom:12px;z-index:1;color:#fff;font-weight:800;font-size:1.4rem;text-shadow:0 2px 8px #000}
.cap{display:flex;flex-direction:column;align-items:center;gap:0}
.usbw{display:block;width:2em;aspect-ratio:1.445;perspective:500px}
.usbc{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:usbspin 4.5s linear infinite}
.cap .usbc img.f,.cap .usbc img.b{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none;transform:none}
.cap .usbc img.b{transform:rotateY(180deg)}
@keyframes usbspin{to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.usbc{animation:none}}
@media(max-width:800px){.split{flex-direction:column;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpolygon%20points%3D%220%2C0%20520%2C0%20300%2C380%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.05%22/%3E%3Cpolygon%20points%3D%22520%2C0%201010%2C0%20760%2C300%20300%2C380%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.03%22/%3E%3Cpolygon%20points%3D%221010%2C0%201600%2C0%201600%2C260%20760%2C300%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.045%22/%3E%3Cpolygon%20points%3D%220%2C380%20300%2C380%20210%2C900%200%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.035%22/%3E%3Cpolygon%20points%3D%22300%2C380%20760%2C300%20900%2C620%20210%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.05%22/%3E%3Cpolygon%20points%3D%22760%2C300%201600%2C260%201600%2C640%20900%2C620%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.03%22/%3E%3Cpolygon%20points%3D%22900%2C620%201600%2C640%201600%2C900%20640%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.045%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%22760%22%20y2%3D%22300%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%221010%22%20y2%3D%220%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%221600%22%20y2%3D%22260%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%22210%22%20y2%3D%22900%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%22900%22%20y2%3D%22620%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22900%22%20y1%3D%22620%22%20x2%3D%22640%22%20y2%3D%22900%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22900%22%20y1%3D%22620%22%20x2%3D%221600%22%20y2%3D%22640%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%220%22%20y2%3D%22470%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22520%22%20y1%3D%220%22%20x2%3D%22300%22%20y2%3D%22380%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3C/svg%3E") center/cover no-repeat,
radial-gradient(ellipse 120% 34% at 50% 14%,#1a4f7a88,transparent 72%),radial-gradient(ellipse 120% 34% at 50% 88%,#a3202d77,transparent 72%),
linear-gradient(180deg,#0a2436 0%,#0a1620 30%,#0d0f13 50%,#1c0c11 72%,#2b0d14 100%)}
.half,.half.l,.half.r{background:none;border:0;padding:28px 16px 36px;gap:18px}.half.r{padding-top:18px}.tiles{display:none}}