.bos-login{--glow:linear-gradient(90deg, #ffb36b 0%, #ff7a63 30%, #d9524e 55%, #f08bb0 80%, #ffd28a 100%);color:#1c1b1a;background:#fff;flex:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);width:100%;min-height:100dvh;display:grid}.bos-reveal{background:#050506;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100dvh;padding:0 4% 7vh;display:flex;position:relative;overflow:hidden}.bos-reveal .amb{filter:blur(40px);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#d9524e38,#d9524e00);border-radius:50%;width:70%;height:40%;position:absolute;bottom:22%;left:15%}.bos-reveal .head{text-align:center;z-index:0;pointer-events:none;padding:0 6%;position:absolute;top:16vh;left:0;right:0}.bos-reveal .head small{color:#e9e4df;letter-spacing:-.01em;margin-bottom:6px;font-size:clamp(14px,1.4vw,19px);font-weight:600;display:block}.bos-login .bos-reveal .head h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.6vw,56px);font-weight:800;line-height:1.05;display:inline-block;position:relative}.bos-reveal .head h2 span{background:var(--glow);color:#0000;-webkit-background-clip:text;background-clip:text}.bos-reveal .head h2 .b1{filter:blur(18px);opacity:.75;position:absolute;inset:0}.bos-reveal .head h2 .b2{filter:blur(6px);opacity:.9;position:absolute;inset:0}.bos-reveal .head h2 .b3{position:relative}.bos-reveal .persp{perspective:2000px;z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.bos-reveal .mb{aspect-ratio:16/10;width:min(640px,92%);transform-style:preserve-3d;position:relative;transform:rotateX(14deg)scale(.86)}.bos-reveal .lid{transform-origin:bottom;width:100%;height:100%;transform-style:preserve-3d;z-index:20;position:absolute;bottom:100%;left:0;transform:rotateX(-165deg)}.bos-reveal .face{backface-visibility:hidden;border-radius:26px;position:absolute;inset:0}.bos-reveal .front{background:#0b0c0e;border:1px solid #23242a;flex-direction:column;padding:12px;display:flex;overflow:hidden;box-shadow:0 -15px 35px #000c,inset 0 0 0 1px #ffffff14}.bos-reveal .bez{flex:none;justify-content:center;align-items:center;height:16px;display:flex}.bos-reveal .cam{background:#050506;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:2px 9px;display:flex}.bos-reveal .led{opacity:0;background:#34d399;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #34d399}.bos-reveal .lens{background:#121318;border:1px solid #1e3a8a66;border-radius:50%;place-items:center;width:8px;height:8px;display:grid}.bos-reveal .lens:after{content:"";background:#60a5fa99;border-radius:50%;width:3px;height:3px}.bos-reveal .glass{background:#000;border:1px solid #ffffff14;border-radius:14px;flex:1;position:relative;overflow:hidden}.bos-reveal .wall{opacity:0;background:radial-gradient(at 100% 0,#3b1f2b,#1a1113 55%,#0b0b0c);position:absolute;inset:0}.bos-reveal .wall:before,.bos-reveal .wall:after{content:"";filter:blur(50px);border-radius:50%;width:60%;height:60%;position:absolute}.bos-reveal .wall:before{background:#d9524e59;top:-20%;right:-10%}.bos-reveal .wall:after{background:#f0b35a38;bottom:-20%;left:-10%}.bos-reveal .ui{opacity:0;grid-template-columns:20% 1fr;display:grid;position:absolute;inset:0;transform:translateY(20px)}.bos-reveal .glare{pointer-events:none;opacity:.7;background:linear-gradient(115deg,#fff0 40%,#ffffff14 45%,#fff0 50%);position:absolute;inset:0}.bos-reveal .chin{letter-spacing:.25em;color:#c8c8c8b3;flex:none;justify-content:center;align-items:center;height:16px;font-size:10px;font-weight:600;display:flex}.bos-reveal .back{background:linear-gradient(145deg,#3a3532 0%,#2a2624 40%,#1e1b1a 100%);border:1px solid #ffbeaa26;place-items:center;display:grid;transform:rotateY(180deg);box-shadow:0 20px 50px #0006,inset 0 1px 1px #ffffff2e}.bos-reveal .back:before{content:"";border-radius:inherit;opacity:.7;background:linear-gradient(60deg,#0000,#ffc8b41f,#0000);position:absolute;inset:0}.bos-reveal .blogo{color:#d9524e;letter-spacing:-.04em;background:linear-gradient(145deg,#2c2826,#191716);border-radius:16px;place-items:center;width:64px;height:64px;font-size:30px;font-weight:900;display:grid;transform:rotate(180deg);box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #0009}.bos-reveal .rail{background:#0c0c0deb;border-right:1px solid #ffffff0f;flex-direction:column;gap:6%;padding:10% 9%;display:flex}.bos-reveal .rlogo{aspect-ratio:1;background:#d9524e;border-radius:24%;width:30%;margin-bottom:8%}.bos-reveal .rl{background:#3a3836;border-radius:3px;height:4px}.bos-reveal .rl.on{opacity:.75;background:#f2efe9}.bos-reveal .bd{background:#f3f1ee;flex-direction:column;gap:5%;padding:5% 5.5%;display:flex}.bos-reveal .ttl{background:#2b2724;border-radius:4px;width:36%;height:8px}.bos-reveal .tiles{grid-template-columns:repeat(4,1fr);gap:4%;height:21%;display:grid}.bos-reveal .tile{border-radius:8px;flex-direction:column;justify-content:space-between;padding:9% 10%;display:flex}.bos-reveal .tile i{opacity:.35;background:currentColor;border-radius:2px;width:60%;height:3px}.bos-reveal .tile b{opacity:.85;background:currentColor;border-radius:3px;width:72%;height:8px}.bos-reveal .t1{color:#712b13;background:#faece7}.bos-reveal .t2{color:#0c447c;background:#e6f1fb}.bos-reveal .t3{color:#444441;background:#f1efe8}.bos-reveal .t4{color:#3c3489;background:#eeedfe}.bos-reveal .split{flex:1;grid-template-columns:1.4fr 1fr;gap:4%;display:grid}.bos-reveal .card{background:#fff;border:1px solid #e2ddd6;border-radius:8px;padding:5%}.bos-reveal .rows{flex-direction:column;gap:10%;padding:8%;display:flex}.bos-reveal .row{align-items:center;gap:6%;display:flex}.bos-reveal .row s{background:#e2ddd6;border-radius:3px;flex:1;height:4px}.bos-reveal .row u{border-radius:9px;width:30%;height:8px}.bos-reveal .g{background:#eaf3de}.bos-reveal .a{background:#faeeda}.bos-reveal .r{background:#fcebeb}.bos-reveal .base{background:linear-gradient(#36312e 0%,#2a2624 50%,#1f1c1a 100%);border-radius:26px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:4.5% 5% 6%;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff1f,inset 0 -1px 2px #0006}.bos-reveal .top{align-items:center;gap:3%;display:flex}.bos-reveal .spk{opacity:.6;background-image:radial-gradient(#6b625c 1px,#0000 1px);background-size:3px 3px;border-radius:6px;width:6%;height:150px}.bos-reveal .well{background:linear-gradient(#121110,#171514);border:1px solid #0006;border-radius:14px;flex:1;padding:1.6%;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #000c,0 1px 1px #ffffff26}.bos-reveal .kb{flex-direction:column;gap:4px;display:flex}.bos-reveal .kr{gap:4px;display:flex}.bos-reveal .k{color:#ffffffbf;white-space:nowrap;background:linear-gradient(#25221f,#1a1816);border:1px solid #ffffff0f;border-radius:4px;justify-content:center;align-items:center;height:clamp(12px,2.5vw,22px);font-size:clamp(5px,.75vw,9px);display:flex;overflow:hidden;box-shadow:0 1.5px 2px #000000e6,inset 0 1px .5px #ffffff1f}.bos-reveal .kglow{opacity:0;pointer-events:none;z-index:3;height:90px;position:absolute;top:0;left:2%;right:2%}.bos-reveal .kglow i,.bos-reveal .tglow i{background:var(--glow);border-radius:99px;position:absolute}.bos-reveal .kglow i:first-child{height:3px;top:0;left:0;right:0;box-shadow:0 0 10px #ffffffe6}.bos-reveal .kglow i:nth-child(2){filter:blur(8px);opacity:.9;height:22px;top:0;left:0;right:0}.bos-reveal .kglow i:nth-child(3){filter:blur(22px);opacity:.75;height:70px;top:0;left:0;right:0}.bos-reveal .bottom{flex-direction:column;align-items:center;display:flex;position:relative}.bos-reveal .pad{z-index:2;background:linear-gradient(#2e2a27,#24211f);border:1px solid #00000040;border-radius:12px;width:40%;height:clamp(50px,9vw,96px);position:relative;box-shadow:inset 0 1px 3px #0006,0 1px #ffffff1f}.bos-reveal .tglow{opacity:.6;pointer-events:none;z-index:4;height:130px;position:absolute;top:-20px;left:6%;right:6%}.bos-reveal .tglow i:first-child{height:3px;top:0;left:8%;right:8%;box-shadow:0 0 15px #fff}.bos-reveal .tglow i:nth-child(2){filter:blur(10px);opacity:.95;height:26px;top:40px;left:5%;right:5%}.bos-reveal .tglow i:nth-child(3){filter:blur(26px);opacity:.85;height:80px;top:12px;left:0;right:0}.bos-reveal .notch{background:#3a3431;border-radius:8px 8px 0 0;width:13%;height:12px;position:absolute;bottom:-26px;box-shadow:inset 0 2px 4px #00000080}.bos-reveal .floor{filter:blur(24px);opacity:.5;z-index:1;background:#000;border-radius:50%;width:min(600px,85%);height:40px;margin-top:8px}.bos-login .signin{background:#fff;flex-direction:column;justify-content:center;padding:56px clamp(24px,5vw,72px);display:flex}.bos-login .signin-box{width:100%;max-width:380px;margin:0 auto}.bos-login .signin-logo{color:#fff;background:#d9524e;border-radius:12px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.bos-login .signin .signin-box h1{letter-spacing:-.03em;color:#1c1b1a;margin:22px 0 4px;font-size:28px;font-weight:800;line-height:1.15}.bos-login .signin .signin-sub{color:#6b6b6b;margin:0 0 26px;font-size:15px}.bos-login .signin-foot{color:#9a9a9a;margin-top:28px;font-size:12px}@media (max-width:900px){.bos-login{grid-template-columns:1fr}.bos-reveal{height:clamp(300px,46dvh,400px);min-height:0;padding:0 4% 2.5dvh}.bos-reveal .head{top:3.5dvh}.bos-reveal .head small{margin-bottom:2px;font-size:12px}.bos-login .bos-reveal .head h2{font-size:clamp(22px,6.4vw,30px)}.bos-reveal .mb{width:min(300px,72%);transform:rotateX(14deg)scale(.9)}.bos-reveal .face,.bos-reveal .base{border-radius:14px}.bos-reveal .front{padding:6px}.bos-reveal .bez,.bos-reveal .chin{height:9px;font-size:6px}.bos-reveal .glass{border-radius:8px}.bos-reveal .spk{display:none}.bos-reveal .well{border-radius:8px}.bos-reveal .kb,.bos-reveal .kr{gap:2px}.bos-reveal .k{border-radius:2px;height:7px;font-size:0}.bos-reveal .pad{border-radius:7px;height:30px}.bos-reveal .notch{height:6px;bottom:-14px}.bos-reveal .blogo{border-radius:9px;width:34px;height:34px;font-size:17px}.bos-reveal .tglow{height:70px}.bos-reveal .tglow i:nth-child(2){top:20px}.bos-reveal .tglow i:nth-child(3){height:44px}.bos-reveal .kglow{height:50px}.bos-reveal .floor{height:18px;margin-top:2px}.bos-login .signin{justify-content:flex-start;padding:24px 22px 40px}.bos-login .signin-logo{display:none}.bos-login .signin .signin-box h1{margin-top:0;font-size:24px}.bos-login .signin .signin-sub{margin-bottom:18px;font-size:14px}.bos-login .signin-foot{margin-top:18px}}
