.portal{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.circuit{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.header{position:fixed;top:32px;left:48px;z-index:2}.logo{display:block;width:120px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.cards{position:relative;z-index:1;display:flex;gap:48px;flex-wrap:wrap;justify-content:center;padding:24px;width:100%;max-width:1380px}.card{flex:1 1 360px;max-width:420px;height:130px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:16px;background:#3f5e6bd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 30px #283c4666,inset 0 1px #ffffff1f;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.card:hover{transform:translateY(-4px);background:#4a6c7aeb;box-shadow:0 12px 40px #283c4680,0 0 24px #ffffff38,inset 0 1px #ffffff2e}.card:active{transform:translateY(-1px)}@media (max-width: 820px){.header{top:20px;left:24px}.logo{width:90px}.cards{flex-direction:column;align-items:center;gap:24px;padding-top:100px}.card{width:100%;max-width:460px;height:110px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#04070f;overflow-x:hidden}