@font-face{font-family:'Exo 2';src:url('/assets/exo-2.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:'Exo 2',sans-serif;color:#fff;background:#042333;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100svh;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 12% 7%,#005475 0%,transparent 58%),radial-gradient(ellipse at 98% 60%,#005475 0%,transparent 54%),radial-gradient(ellipse at 32% 110%,#0d5970 0%,transparent 55%),linear-gradient(140deg,#042939 15%,#021b2a 59%,#032736);background-attachment:fixed}
main{width:min(100%,620px);min-height:100svh;margin:auto;padding:76px 36px 64px;display:flex;flex-direction:column;justify-content:center}
.brand{display:block;width:144px;height:auto;margin:0 auto 42px}
h1{font-size:clamp(30px,4.8vw,42px);font-weight:550;line-height:1.2;letter-spacing:-1.1px;text-align:center;margin:0 0 50px}
form{display:flex;flex-direction:column;gap:26px}
label{font-size:15px;font-weight:450;line-height:1.4}.field{display:flex;flex-direction:column;gap:12px}
input,button,a{font:inherit}
input{width:100%;min-width:0;color:#fff;background:rgba(255,255,255,.045);border:1px solid rgba(204,233,243,.19);border-radius:15px;padding:17px 19px;outline:none;font-size:16px;transition:border-color .18s,background .18s}
input::placeholder{color:rgba(255,255,255,.38)}input:hover{background:rgba(255,255,255,.065)}
input:focus-visible,.drop:focus-within{border-color:#90d4ed;outline:3px solid rgba(96,198,231,.16);outline-offset:3px}
.drop{position:relative;min-height:172px;border:1px dashed rgba(213,239,249,.35);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;cursor:pointer;transition:background .18s,border-color .18s;overflow:hidden}
.drop:hover,.drop.dragging{border-color:rgba(213,239,249,.75);background:rgba(255,255,255,.09)}
.drop svg{width:31px;height:31px;stroke:#fff;stroke-width:1.45;fill:none;opacity:.85}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;padding:0}
#fileName{max-width:calc(100% - 44px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
button,.download{color:#fff;font-weight:550;font-size:16px;border:1px solid rgba(171,221,239,.22);border-radius:15px;padding:17px 24px;background:linear-gradient(120deg,#146f8c,#076084);box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 30px rgba(0,17,28,.12);cursor:pointer;text-align:center;text-decoration:none;transition:filter .18s,transform .18s}
button:hover,.download:hover{filter:brightness(1.14)}button:active,.download:active{transform:translateY(1px)}
button:focus-visible,.download:focus-visible{outline:2px solid #c0edff;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}
#error{margin:22px 0 0;text-align:center;font-size:14px;line-height:1.5;color:#ffcdc7}#error:empty{display:none}
#progress{margin-top:28px}#message{font-size:14px;color:rgba(255,255,255,.75);text-align:center;margin:0 0 14px}
.track{height:3px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}#bar{height:100%;width:0;background:#91d9f3;transition:width .3s}
#downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.download{font-size:14px;padding:16px 12px}
#resultNote{text-align:center;font-size:13px;line-height:1.5;margin:16px 0 0;color:rgba(255,255,255,.65)}#resultNote:empty{display:none}
@media(max-width:540px){main{padding:46px 24px;justify-content:center}.brand{width:122px;margin-bottom:32px}h1{margin-bottom:36px;letter-spacing:-.7px}form{gap:23px}.drop{min-height:156px}#downloads{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

body.videos main{justify-content:flex-start;padding-top:64px;padding-bottom:64px}
.videos .brand{margin-bottom:34px}.videos h1{margin-bottom:44px}
.video-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch}
.video-list h2{font-size:23px;line-height:1.3;font-weight:500;text-align:center;margin:0 0 18px;letter-spacing:-.25px}
.video-placeholder{aspect-ratio:16/9;width:100%;border-radius:22px;border:1px solid rgba(213,239,249,.26);background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center}
.video-placeholder svg{width:52px;height:52px;stroke:rgba(229,246,251,.7);stroke-width:1.2;fill:none}
.video-arrow{height:76px;display:flex;align-items:center;justify-content:center;color:rgba(214,238,248,.6)}
.video-arrow svg{width:27px;height:43px;stroke:currentColor;stroke-width:1.4;fill:none}
iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:22px}
@media(max-width:540px){body.videos main{padding-top:44px}.video-list h2{font-size:21px}.video-arrow{height:64px}}