:root{--bg-color: #000000;--text-color: #E0E0E0;--accent-color: #FF3B30;--font-mono: "Space Mono", monospace;--font-sans: "Inter", sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow:hidden;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.banner-container{width:100%;height:100vh;height:100dvh;position:relative;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}a{color:var(--text-color);text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:1px;transition:opacity .3s}a:hover{opacity:.7}.corner-tl{position:absolute;top:40px;left:40px;z-index:10}.brand-name{font-family:var(--font-mono);font-size:16px;line-height:1.4;margin:0;font-weight:400;letter-spacing:1px}.brand-icon{margin-top:10px}.brand-icon span{font-size:24px}.superellipse,.avatar{width:48px;height:48px;border-radius:40%;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover}.brand-icon .superellipse{background-color:transparent;background-image:url(/BOT.jpg);display:block}.nav-center{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;z-index:10}.nav-link{font-size:16px;font-weight:400}.corner-tr{position:absolute;top:40px;right:40px;display:flex;gap:24px;z-index:10}.social-link{font-size:16px}.center-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}.main-symbol-text{display:none}.center-logo{max-width:30vw;max-height:30vh;object-fit:contain;opacity:0}.corner-bl{position:absolute;bottom:40px;left:40px;z-index:10}.avatars{display:flex;gap:10px}.avatar{background-color:#000}.corner-bc{position:absolute;bottom:40px;left:50%;transform:translate(-50%);opacity:.5;z-index:10}.corner-br{position:absolute;bottom:40px;right:40px;opacity:.5;z-index:10}.credit{font-size:10px;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.banner-container{padding:20px}.corner-tl{position:absolute;top:20px;left:20px;margin:0;text-align:left}.corner-tr{position:absolute;top:20px;right:20px;margin:0;text-align:right;display:flex;gap:16px}.nav-center{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;background:transparent;padding:0;z-index:20;gap:0px}.nav-center a{background:#0006;padding:4px 12px;border-radius:4px;font-size:20px;transition:color .2s,background-color .2s}.nav-center a:active{color:var(--accent-color);background-color:#ff3b301a}.center-stage{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);opacity:.8;pointer-events:none}.main-symbol{max-height:40vh}.corner-bl{position:absolute;bottom:20px;left:20px}.corner-bc{display:none}.corner-br{position:absolute;bottom:20px;right:20px;text-align:right}.corner-br .credit{display:block;margin:0 0 3px!important}}