.bt-login{color-scheme:dark;--bg:#050507;--line:rgba(255,255,255,.1);--pink:#fe2c55;--pink-deep:#8f0f2b;--gold:#ffcc4d;--display:var(--font-home-display),system-ui,sans-serif;--side-top:#1f1140;--side-bottom:#08060f;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--bg);color:#fff;font-family:var(--font-body),system-ui,sans-serif}.bt-login:has(>.login-art[data-scene=skate]){--side-top:#151c47;--side-bottom:#060812}.bt-login:has(>.login-art[data-scene=stage]){--side-top:#6a1259;--side-bottom:#18071f}.bt-login:has(>.login-art[data-scene=loft]){--side-top:#33126f;--side-bottom:#0c0624}.bt-login:has(>.login-art[data-scene=welcome]){--side-top:#8f3a14;--side-bottom:#240d05}.bt-login:has(>.login-art[data-scene=link]){--side-top:#0d325a;--side-bottom:#050f1f}.bt-login .login-art{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.bt-login .login-art img{position:absolute;left:calc(50% - 560px);top:calc(50% - 560px);display:block;width:1120px;height:1120px;max-width:none;color:transparent;image-rendering:pixelated}@media (min-height:1121px),(min-width:2241px){.bt-login .login-art img{left:calc(50% - 840px);top:calc(50% - 840px);width:1680px;height:1680px}}@media (min-height:1681px),(min-width:3361px){.bt-login .login-art img{left:calc(50% - 1120px);top:calc(50% - 1120px);width:2240px;height:2240px}}.bt-login .login-art:after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:0;width:48px;pointer-events:none;background:linear-gradient(180deg,var(--side-top),var(--side-bottom));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='96' shape-rendering='crispEdges'%3E%3Cpath d='M32 0h8v8h-8zM40 0h8v8h-8zM16 8h8v8h-8zM32 8h8v8h-8zM40 8h8v8h-8zM40 16h8v8h-8zM8 24h8v8h-8zM24 24h8v8h-8zM32 24h8v8h-8zM40 24h8v8h-8zM24 32h8v8h-8zM40 32h8v8h-8zM32 40h8v8h-8zM40 40h8v8h-8zM0 48h8v8h-8zM32 48h8v8h-8zM40 48h8v8h-8zM16 56h8v8h-8zM40 56h8v8h-8zM24 64h8v8h-8zM32 64h8v8h-8zM40 64h8v8h-8zM8 72h8v8h-8zM40 72h8v8h-8zM32 80h8v8h-8zM40 80h8v8h-8zM16 88h8v8h-8zM24 88h8v8h-8zM40 88h8v8h-8z'/%3E%3C/svg%3E") 0 0 /48px 96px repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='96' shape-rendering='crispEdges'%3E%3Cpath d='M32 0h8v8h-8zM40 0h8v8h-8zM16 8h8v8h-8zM32 8h8v8h-8zM40 8h8v8h-8zM40 16h8v8h-8zM8 24h8v8h-8zM24 24h8v8h-8zM32 24h8v8h-8zM40 24h8v8h-8zM24 32h8v8h-8zM40 32h8v8h-8zM32 40h8v8h-8zM40 40h8v8h-8zM0 48h8v8h-8zM32 48h8v8h-8zM40 48h8v8h-8zM16 56h8v8h-8zM40 56h8v8h-8zM24 64h8v8h-8zM32 64h8v8h-8zM40 64h8v8h-8zM8 72h8v8h-8zM40 72h8v8h-8zM32 80h8v8h-8zM40 80h8v8h-8zM16 88h8v8h-8zM24 88h8v8h-8zM40 88h8v8h-8z'/%3E%3C/svg%3E") 0 0 /48px 96px repeat-y}.bt-login:dir(rtl) .login-art:after{transform:scaleX(-1)}.bt-login .login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-width:0;padding:32px 24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' shape-rendering='crispEdges'%3E%3Cpath fill='%23ff7f9e' fill-opacity='.2' d='M32 36h8v4h-8zM44 36h8v4h-8zM28 40h28v4h-28zM28 44h28v4h-28zM32 48h20v4h-20zM36 52h12v4h-12zM40 56h4v4h-4zM212 148h8v4h-8zM224 148h8v4h-8zM208 152h28v4h-28zM208 156h28v4h-28zM212 160h20v4h-20zM216 164h12v4h-12zM220 168h4v4h-4zM108 268h8v4h-8zM120 268h8v4h-8zM104 272h28v4h-28zM104 276h28v4h-28zM108 280h20v4h-20zM112 284h12v4h-12zM116 288h4v4h-4z'/%3E%3Cpath fill='%23ffcc4d' fill-opacity='.17' d='M154 24h16v4h-16zM150 28h4v4h-4zM170 28h4v4h-4zM150 32h4v4h-4zM158 32h8v4h-8zM170 32h4v4h-4zM150 36h4v4h-4zM158 36h8v4h-8zM170 36h4v4h-4zM150 40h4v4h-4zM170 40h4v4h-4zM154 44h16v4h-16zM60 176h16v4h-16zM56 180h4v4h-4zM76 180h4v4h-4zM56 184h4v4h-4zM64 184h8v4h-8zM76 184h4v4h-4zM56 188h4v4h-4zM64 188h8v4h-8zM76 188h4v4h-4zM56 192h4v4h-4zM76 192h4v4h-4zM60 196h16v4h-16zM272 276h16v4h-16zM268 280h4v4h-4zM288 280h4v4h-4zM268 284h4v4h-4zM276 284h8v4h-8zM288 284h4v4h-4zM268 288h4v4h-4zM276 288h8v4h-8zM288 288h4v4h-4zM268 292h4v4h-4zM288 292h4v4h-4zM272 296h16v4h-16z'/%3E%3Cpath fill='%2325f4ee' fill-opacity='.15' d='M268 68h4v4h-4zM268 72h12v4h-12zM268 76h20v4h-20zM268 80h12v4h-12zM268 84h4v4h-4zM148 188h4v4h-4zM148 192h12v4h-12zM148 196h20v4h-20zM148 200h12v4h-12zM148 204h4v4h-4z'/%3E%3Cpath fill='%23fff' fill-opacity='.13' d='M100 104h4v4h-4zM96 108h12v4h-12zM100 112h4v4h-4zM304 200h4v4h-4zM300 204h12v4h-12zM304 208h4v4h-4zM16 280h4v4h-4zM12 284h12v4h-12zM16 288h4v4h-4zM224 240h4v4h-4zM224 244h4v4h-4zM216 248h20v4h-20zM224 252h4v4h-4zM224 256h4v4h-4zM208 52h4v4h-4zM208 56h4v4h-4zM200 60h20v4h-20zM208 64h4v4h-4zM208 68h4v4h-4z'/%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M76 20h4v4h-4zM128 84h4v4h-4zM252 116h4v4h-4zM20 128h4v4h-4zM176 132h4v4h-4zM88 228h4v4h-4zM40 240h4v4h-4zM180 300h4v4h-4zM304 20h4v4h-4zM244 300h4v4h-4z'/%3E%3C/svg%3E") 50% 0 /320px 320px,linear-gradient(180deg,var(--side-top),var(--side-bottom)) 0 0 /100% 100vh no-repeat,var(--side-bottom)}.bt-login .login-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:Ladyrose,sans-serif;font-size:28px;line-height:1;text-decoration:none}.bt-login .login-form{width:100%;max-width:440px}.bt-login .login-card{position:relative;width:100%;padding:32px;background:#0d0d11;border:1px solid var(--line);border-radius:20px;box-shadow:8px 8px 0 var(--pink-deep)}.bt-login .login-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:rgba(255,255,255,.55);font-size:14px;text-decoration:none}.bt-login .login-back:hover{color:#fff}.bt-login .login-title{margin:0 0 10px;font-family:var(--display);font-size:clamp(19px,5.2vw,25px);font-weight:900;line-height:1.12;letter-spacing:-.02em;text-align:center;text-wrap:balance}.bt-login .login-sub{margin:0 0 26px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.45;text-align:center;text-wrap:balance}.bt-login .login-stickers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-top:26px}.bt-login .login-stickers span{padding:9px 13px;border-radius:12px;color:#000;font-family:var(--display);font-size:12px;font-weight:900;line-height:1.2;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 0 rgba(0,0,0,.45);transform:rotate(var(--r));animation:btl-bob 5s ease-in-out infinite}.bt-login .login-stickers span:first-child{background:#c6ff3d;--r:-4deg}.bt-login .login-stickers span:nth-child(2){background:#25f4ee;--r:3deg;animation-duration:6s;animation-direction:reverse}.bt-login .login-stickers span:nth-child(3){background:#fff3e2;--r:-2deg;animation-duration:7s}.bt-login .login-stickers .login-ghost-sticker{width:170px;height:33px;animation:none}@keyframes btl-bob{50%{transform:rotate(var(--r)) translateY(-4px)}}.bt-login a:focus-visible,.bt-login button:focus-visible,.bt-login input:focus-visible{outline:2px solid #25f4ee;outline-offset:2px}.bt-login .login-bar{display:block;margin-inline:auto;border-radius:6px;background:rgba(255,255,255,.09)}.bt-login .login-bar.start{margin-inline:0}.bt-login .login-bar-sub{width:92%;height:14px;margin-bottom:34px}.bt-login .login-ghost-btn{display:block;height:52px;margin-bottom:12px;border-radius:12px}.bt-login .login-state{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;padding:36px 32px;text-align:center;background:#0d0d11;border:1px solid var(--line);border-radius:20px;box-shadow:8px 8px 0 var(--pink-deep);animation:btl-in .3s ease-out both}.bt-login .login-state-mark{display:grid;place-items:center;width:84px;height:84px;margin-bottom:10px;border-radius:20px}.bt-login .login-state-mark.ok{background:#c6ff3d;color:#0a0812;box-shadow:0 6px 0 #6f9413}.bt-login .login-state-mark.bad{background:var(--pink);color:#fff;box-shadow:0 6px 0 var(--pink-deep);animation:btl-shake .42s steps(6) .1s both}.bt-login .login-state-head{margin:-84px 0 6px;animation:btl-pop .46s steps(7) both}.bt-login .login-state-head .nav-buddy{display:block;width:112px;height:91px}.bt-login .login-state-head .nav-buddy-smile{opacity:0;animation:none}.bt-login .login-state-head .nav-buddy-grin{opacity:1;animation:none}.bt-login:has(.login-state-head) .login-brand .nav-buddy{display:none}.bt-login .login-state.party{margin-top:44px;overflow:visible;animation:none}.bt-login .party .login-state-mark,.bt-login .party .login-title{animation:btl-pop .46s steps(7) both}.bt-login .party .login-title{animation-delay:.07s}.bt-login .login-confetti{position:absolute;top:32px;left:50%;width:0;height:0;pointer-events:none}.bt-login .login-confetti i{position:absolute;width:10px;height:10px;margin:-5px;background:var(--c);opacity:0;animation:btl-burst 1.25s steps(16) var(--d) both}.bt-login .login-confetti .heart{width:20px;height:20px;margin:-10px;clip-path:polygon(20% 0,40% 0,40% 20%,60% 20%,60% 0,80% 0,80% 20%,100% 20%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0 60%,0 20%,20% 20%)}.bt-login .login-fill{width:192px;height:12px;margin-top:12px;background:rgba(255,255,255,.09)}.bt-login .login-fill:after{content:"";display:block;height:100%;background:repeating-linear-gradient(90deg,var(--gold) 0 12px,transparent 12px 16px);animation:btl-fill 1.5s steps(12) both}.bt-login .login-spin{width:44px;height:44px;border:4px solid rgba(255,255,255,.14);border-top:4px solid var(--pink);border-radius:50%;animation:btl-spin .8s linear infinite}@keyframes btl-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes btl-spin{to{transform:rotate(1turn)}}@keyframes btl-pop{0%{transform:translateY(14px) scale(.7);opacity:0}70%{transform:translateY(-5px) scale(1.06);opacity:1}to{transform:none;opacity:1}}@keyframes btl-shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes btl-burst{0%{transform:none;opacity:1}62%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:1}to{transform:translate(var(--x),calc(var(--y) + 86px)) rotate(var(--r));opacity:0}}@keyframes btl-fill{0%{width:0}to{width:100%}}@media (max-width:1023px){.bt-login{grid-template-columns:minmax(0,1fr)}.bt-login .login-art{display:none}.bt-login .login-side{justify-content:flex-start;padding:28px 16px 40px}.bt-login .login-art[data-scene=link],.bt-login .login-art[data-scene=welcome]{display:block;position:fixed;inset:0;width:100%;height:100%}.bt-login .login-art[data-scene=link]:after,.bt-login .login-art[data-scene=welcome]:after{display:none}.bt-login .login-art[data-scene=link] img,.bt-login .login-art[data-scene=welcome] img{top:max(calc(28% - 560px),calc(100% - 1120px));left:calc(50% - 560px);width:1120px;height:1120px}.bt-login:has(>.login-art[data-scene=link]) .login-side,.bt-login:has(>.login-art[data-scene=welcome]) .login-side{position:relative;min-height:100vh;min-height:100dvh;justify-content:flex-end;background:none}.bt-login:has(>.login-art[data-scene=link]) .login-brand,.bt-login:has(>.login-art[data-scene=welcome]) .login-brand{margin-bottom:auto;text-shadow:2px 2px 0 #000}}@media (max-height:760px) and (min-width:1024px){.bt-login .login-stickers{display:none}}@media (max-width:480px){.bt-login .login-card{padding:24px 20px;box-shadow:5px 5px 0 var(--pink-deep)}.bt-login .login-state{padding:28px 20px;box-shadow:5px 5px 0 var(--pink-deep)}.bt-login .login-bar-sub{margin-bottom:52px}}@media (prefers-reduced-motion:reduce){.bt-login *,.bt-login :after,.bt-login :before{animation:none!important}}