*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#071526;color:#fff}
.world{position:relative;width:100vw;height:100vh;background:#071526 url("../images/talkabee-main-entrance.webp") center center/cover no-repeat}
.panel{position:absolute;z-index:20;left:16px;top:16px;width:350px;max-height:calc(100vh - 32px);overflow:auto;padding:14px;border-radius:20px;background:rgba(7,23,39,.31);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.panel h1{font-size:28px;line-height:1.08;margin:0 0 13px;font-weight:950}
.panel a{width:100%;display:block;margin:5px 0;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.38);background:rgba(7,32,50,.54);color:#fff;font-size:20px;line-height:1.28;font-weight:850;text-decoration:none;text-align:left}
.panel a:hover{background:rgba(255,255,255,.18)}
.panel .back{margin-top:10px;background:rgba(80,59,150,.64);border-color:rgba(255,255,255,.52)}
@media(max-width:900px){.panel{width:190px}}