.brand-loading{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:radial-gradient(ellipse at 56% 30%,#fff 0%,#e1e9fa77 28%,transparent 55%),linear-gradient(145deg,#f8faff,#eaf0f9);color:#18243c;height:var(--viewport-height,100dvh);top:var(--viewport-top,0px);overflow:hidden}
.brand-loading-mark{position:relative;width:min(58vw,260px);aspect-ratio:1;display:grid;place-items:center;transform:translateY(-5%)}
.brand-loading-mark::before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(ellipse,#c7d7ff66,transparent 67%);animation:brand-atmosphere 4s ease-in-out infinite}
.brand-loading-mark::after{content:"";position:absolute;left:20%;right:20%;bottom:11px;height:27px;border-radius:50%;background:radial-gradient(ellipse,#637cac32,transparent 70%);filter:blur(7px);animation:brand-shadow 3s ease-in-out infinite}
.brand-loading img{display:block;position:relative;width:100%;height:auto;z-index:1;filter:drop-shadow(0 9px 8px #304f8715);animation:brand-float 3s ease-in-out infinite;transform-origin:50% 65%}
.brand-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes brand-float{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes brand-shadow{0%,100%{opacity:.9;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.86)}}
@keyframes brand-atmosphere{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-loading *,.brand-loading *::before,.brand-loading *::after{animation:none!important}}

.brand-loading{outline:none}

:root[data-theme="dark"] .brand-loading{background:radial-gradient(ellipse at 56% 30%,#23375c77 0%,#15213d44 28%,transparent 58%),linear-gradient(145deg,#121b2c,#0e1422);color:#ecf2ff}
:root[data-theme="dark"] .brand-loading-mark::before{background:radial-gradient(ellipse,#507cfb2c,transparent 67%)}
:root[data-theme="dark"] .brand-loading-mark::after{background:radial-gradient(ellipse,#0009,transparent 70%)}
:root[data-theme="dark"] .brand-loading img{filter:drop-shadow(0 12px 18px #0006)}