:root{--primary:#0095da;--secondary:#00cfa4;--canvas:#05070a;--font-sans:'Sora',ui-sans-serif,system-ui,sans-serif;--font-display:'Oswald','Sora',ui-sans-serif,system-ui,sans-serif}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/oswald-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/oswald-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/oswald-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/sora-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/sora-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--canvas);color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;isolation:isolate}
img{max-width:100%;border:0}
.container{width:100%;max-width:1288px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}
.grid-bg{position:fixed;z-index:-1;left:-4%;right:-4%;bottom:-6%;height:105%;background-image:linear-gradient(rgba(0,149,218,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,149,218,.16) 1px,transparent 1px);background-size:96px 96px;transform:perspective(900px) rotateX(62deg);transform-origin:bottom center;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 66%);mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 66%);pointer-events:none}
.glow-top{position:fixed;z-index:-1;left:50%;top:-260px;width:1400px;height:700px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,149,218,.3),transparent 62%);pointer-events:none}
.glow-teal{position:fixed;z-index:-1;left:-160px;bottom:-120px;width:700px;height:700px;background:radial-gradient(circle at center,rgba(0,207,164,.16),transparent 62%);pointer-events:none}
.header-inner{display:flex;align-items:center;gap:12px;padding-block:1.5rem}
.logo{display:block;height:3rem;width:auto}
@media(min-width:640px){.logo{height:4rem}}
.header-line{flex:1 1 0;height:2px;min-width:16px;margin-inline:6px;background:linear-gradient(90deg,rgba(0,207,164,0),rgba(0,207,164,.5))}
.date{white-space:nowrap;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.06em;color:var(--secondary)}
.date-long{display:none}
@media(min-width:768px){.date{letter-spacing:.24em}.date-short{display:none}.date-long{display:inline}}
.bf-badge-mini{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;overflow:hidden;background:#000;flex-shrink:0;container-type:inline-size}
@media(min-width:768px){.bf-badge-mini{width:100px;height:100px}}
@media(max-width:380px){.bf-badge-mini{width:72px;height:72px}}
.bf-mini-ring{position:absolute;width:90.5cqw;height:90.5cqw;border-radius:50%}
.bf-mini-ring-blue{left:3.33cqw;top:4.76cqw;border:max(1.5px,.48cqw) solid #0095da;box-shadow:0 0 5.2cqw rgba(0,149,218,.85)}
.bf-mini-ring-teal{left:6.19cqw;top:2.86cqw;border:max(1.5px,.48cqw) solid #00cfa4;box-shadow:0 0 4.3cqw rgba(0,207,164,.75)}
.bf-mini-text{position:relative;display:block;font-family:var(--font-display);font-size:21cqw;font-weight:700;line-height:.84;text-align:center;background:linear-gradient(180deg,#fff 8%,#e4eaee 34%,#8c9ba6 52%,#f4f8fa 68%,#b9c6ce 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
main{flex:1}
.video{position:relative;width:100%;max-width:960px;margin:1rem auto 0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(0,149,218,.35);box-shadow:0 0 40px rgba(0,149,218,.25),0 30px 90px rgba(0,0,0,.4)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
h1{margin:2.5rem 0 0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,4rem);line-height:1.05;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(180deg,#fff 8%,#e4eaee 34%,#8c9ba6 52%,#f4f8fa 68%,#b9c6ce 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:.75rem 0 0;text-align:center;font-size:clamp(.875rem,2vw,1.125rem);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--secondary)}
footer{padding-block:2rem;text-align:center;font-size:.75rem;color:rgba(255,255,255,.55)}
.bubbles{position:fixed;inset:0;z-index:-1;pointer-events:none;display:none}
.disc-bubble{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:9999px;padding:2px;background:linear-gradient(135deg,#0095da,#00cfa4)}
.disc-bubble span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:9999px;background:var(--canvas);font-family:var(--font-display);font-weight:700;line-height:1;color:#fff}
.bf-badge{display:none;position:absolute;top:-80px;right:32px;z-index:10;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(0,60,92,.55),#000 68%)}
.bf-badge img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.page{position:relative}
@media(min-width:1536px){.bubbles{display:block}}
@media(min-width:1600px){.bf-badge{display:block;top:100px}.header-inner .bf-badge-mini{display:none}}
