.bf{--bf-bg:#030a14;--bf-bg-2:#06111f;--bf-panel:#081726;--bf-line:#78beff24;--bf-cyan:#19b8ff;--bf-blue:#0858f8;--bf-ink:#eaf3ff;--bf-muted:#8fa6c2;background:var(--bf-bg);color:var(--bf-ink);font-family:var(--font-sans)}.bf h1,.bf h2,.bf h3{color:#fff}.bf-accent{color:var(--bf-cyan)}.bf-grad-text{background:linear-gradient(100deg, #fff 10%, var(--bf-cyan) 55%, #6aa6ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}@property --bf-x1{syntax:"<percentage>";inherits:false;initial-value:22%}@property --bf-y1{syntax:"<percentage>";inherits:false;initial-value:30%}@property --bf-x2{syntax:"<percentage>";inherits:false;initial-value:78%}@property --bf-y2{syntax:"<percentage>";inherits:false;initial-value:62%}.bf-dots{z-index:-1;pointer-events:none;--bf-dot-gap:22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 35%,#0000 100%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 35%,#0000 100%)}.bf-dots:before,.bf-dots:after{content:"";background-size:var(--bf-dot-gap) var(--bf-dot-gap);background-position:50%;position:absolute;inset:0}.bf-dots:before{background-image:radial-gradient(circle,#8fb4e633 1px,#0000 1.5px)}.bf-dots:after{-webkit-mask-image:radial-gradient(circle at var(--bf-x1) var(--bf-y1), #000 0, #0000008c 10%, transparent 24%), radial-gradient(circle at var(--bf-x2) var(--bf-y2), #000 0, #00000080 9%, transparent 20%);mask-image:radial-gradient(circle at var(--bf-x1) var(--bf-y1), #000 0, #0000008c 10%, transparent 24%), radial-gradient(circle at var(--bf-x2) var(--bf-y2), #000 0, #00000080 9%, transparent 20%);filter:drop-shadow(0 0 3px #19b8ffe6);background-image:radial-gradient(circle,#96e4ff 1.5px,#0000 2.3px);animation:18s ease-in-out infinite alternate bf-dots-drift}@keyframes bf-dots-drift{0%{--bf-x1:48%;--bf-y1:16%;--bf-x2:90%;--bf-y2:80%}50%{--bf-x1:60%;--bf-y1:32%;--bf-x2:76%;--bf-y2:90%}to{--bf-x1:38%;--bf-y1:10%;--bf-x2:96%;--bf-y2:58%}}.bf-dots-glow{z-index:-1;pointer-events:none;background:radial-gradient(26% 30% at 52% 20%,#19b8ff1a,#0000 70%),radial-gradient(26% 30% at 88% 78%,#0858f824,#0000 70%);position:absolute;inset:0}.bf-card{border:1px solid var(--bf-line);background:linear-gradient(#0d2036e6,#06111feb);box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0d}.bf-ring{position:relative}.bf-ring:before{content:"";border-radius:inherit;background:conic-gradient(from var(--bf-angle,0deg), var(--bf-cyan), var(--bf-blue), transparent 40%, var(--bf-cyan));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:6s linear infinite bf-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --bf-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes bf-spin{to{--bf-angle:360deg}}@keyframes bf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bf-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes bf-marquee{to{transform:translate(-50%)}}@keyframes bf-pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes bf-dash{to{stroke-dashoffset:-40px}}@keyframes bf-glitch{0%,92%,to{text-shadow:none;transform:translate(0)}93%{text-shadow:3px 0 var(--bf-cyan), -3px 0 #ff2e63;transform:translate(-3px,1px)}95%{text-shadow:-3px 0 var(--bf-cyan), 3px 0 #ff2e63;transform:translate(3px,-1px)}97%{text-shadow:2px 0 var(--bf-cyan);transform:translate(-1px)}}@keyframes bf-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes bf-shine{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}@keyframes bf-packet{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes bf-caret{50%{opacity:0}}@keyframes bf-orbit{to{transform:rotate(360deg)}}@keyframes bf-orbit-rev{to{transform:rotate(-360deg)}}.bf-orbit{animation:46s linear infinite bf-orbit}.bf-orbit-rev{animation:46s linear infinite bf-orbit-rev}@keyframes bf-tick{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.bf-float{animation:6s ease-in-out infinite bf-float}.bf-blink{animation:1.6s steps(2,end) infinite bf-blink}.bf-glitch{animation:5s infinite bf-glitch}.bf-marquee{animation:32s linear infinite bf-marquee}.bf-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;animation:3.2s ease-in-out infinite bf-shine;position:absolute;inset:0 auto 0 0}.bf-caret{animation:1s step-end infinite bf-caret}@media (prefers-reduced-motion:reduce){.bf *,.bf :before,.bf :after{transition:none!important;animation:none!important}}@keyframes bf-swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.bf-swing{animation:3.8s ease-in-out infinite bf-swing}@keyframes bf-twinkle{0%,to{opacity:.25}50%{opacity:1}}.bf-twinkle{animation:2.6s ease-in-out infinite bf-twinkle}.bf-flag{transform-origin:0}@keyframes bf-flag-wave{0%,to{transform:perspective(300px)rotateY(0)skewY(0)}50%{transform:perspective(300px)rotateY(-10deg)skewY(-1.5deg)}}.bf-flag-wave{animation:3.2s ease-in-out infinite bf-flag-wave}.bf-flag-sheen{background:linear-gradient(100deg,#0000 20%,#ffffff73 45%,#0000 60%);transform:translate(-120%)}.bf-flag-wave .bf-flag-sheen{animation:3.2s ease-in-out infinite bf-shine}