:root{font-family:system-ui,sans-serif;color:#dff5ff;background:#07151e;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#17445688,transparent 65%),#07151e;min-height:100dvh}a{color:#9af4de;text-underline-offset:4px}
[hidden]{display:none!important}.access-card{max-width:600px;margin:10vh auto;padding:32px;background:linear-gradient(135deg,#133342,#0b202c);border:1px solid #426773;border-radius:18px;line-height:1.65;box-shadow:0 24px 70px #0004,inset 0 1px 0 #8be9d629}
.access-card h1{font-size:32px;font-weight:550;letter-spacing:-1px}.access-card p{color:#b2cdd9}.access-card button{display:block;margin:24px 0 18px;padding:14px 20px;background:linear-gradient(115deg,#96ffe5,#59d6df);color:#062b35;border:1px solid #a6fff0;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.access-card :is(a,button):focus-visible{outline:3px solid #a6fff0;outline-offset:4px}
.access-card button:disabled{opacity:.6;cursor:wait}iframe{display:block;width:100%;height:100dvh;border:0;background:#07151e}
.trial-notice{margin:0;padding:10px 18px;background:#123442;color:#b7f7e6;border-bottom:1px solid #365f6a;text-align:center;font-size:14px}
body[data-aquarium-trial='true'] iframe{height:calc(100dvh - 60px)}
@media(max-width:640px){.access-card{margin:30px 16px;padding:24px}}