:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7fbff;background:#041f34;--navy:#052b45;--blue:#0b5975;--gold:#ffd04d;--green:#63e39c;--ink:#082e48}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#10739a44,transparent 45%),#041f34}.top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid #1c526b;background:#031d2f}.top a{color:#fff;text-decoration:none;font-weight:900}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:1.25rem;letter-spacing:.14em}.brand small{display:block;color:#8fb9ca;font-size:.58rem;letter-spacing:.08em}.access-shell{max-width:1160px;margin:auto;padding:42px 20px}.intro{text-align:center;max-width:850px;margin:0 auto 30px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:1000;color:#ffd04d}.intro h1{font-size:clamp(2rem,5vw,4rem);line-height:.98;margin:10px 0 14px}.intro p{color:#c9e3ed;font-weight:650;line-height:1.55}.cloud-status{margin:15px auto 0;max-width:760px;padding:10px 14px;border-radius:999px;font-weight:900;font-size:.76rem;letter-spacing:.05em}.cloud-status.ready{background:#123d35;color:#8dffc0;border:1px solid #42b97b}.cloud-status.local{background:#403515;color:#ffe48a;border:1px solid #b79131}.privacy{margin:12px auto 0;max-width:760px;border:1px solid #286780;border-radius:16px;background:#092f48;padding:13px 16px;display:grid;gap:4px}.privacy b{color:#63e39c}.privacy span{font-size:.85rem;color:#cfe6ee}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.door,.panel{border:1px solid #2c6d89;border-radius:24px;background:linear-gradient(145deg,#082f49,#06263d);padding:26px;box-shadow:0 20px 45px #00131f5c}.door .icon{font-size:2.2rem}.door h2,.panel h2{font-size:1.7rem;margin:8px 0}.door p,.panel p{color:#c9e0e9;line-height:1.5}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:12px 15px;font:inherit;font-weight:1000;letter-spacing:.03em;cursor:pointer;margin:4px 7px 4px 0}.primary{background:#ffd04d;color:#082e48}.secondary{background:#fff;color:#083653}.ghost{background:#0a4662;color:#fff;border:1px solid #3983a0}.link{display:inline-block;text-decoration:none}.current{padding:12px;border-radius:12px;background:#083d56;margin:12px 0;font-weight:800}.current small{display:block;color:#9bc5d4;margin-top:4px}.panel{margin-top:20px}.animals{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.animal{appearance:none;border:2px solid #255d77;border-radius:18px;background:#05283e;color:#fff;padding:8px;cursor:pointer}.animal img{width:100%;aspect-ratio:1;object-fit:contain}.animal strong{display:block}.animal small{color:#9bc3d2}.animal.selected{border-color:#ffd04d;box-shadow:0 0 0 3px #ffd04d33;background:#0c405a}.mode-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.mode-row label,.code-label{display:grid;gap:5px;font-weight:800}.mode-row select,.mode-row input,.code-label input{min-width:230px;border-radius:10px;border:1px solid #5a91a9;background:#031d2f;color:#fff;padding:11px;font:inherit}.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.code-label input{min-width:0;width:100%}.status{min-height:1.2em;color:#ffd04d!important;font-weight:800}.credentials{border-color:#d9aa31;background:linear-gradient(145deg,#0b3850,#133e45)}.credential-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:16px 0}.credential-grid>div{padding:15px;border-radius:14px;background:#031d2f;border:1px solid #36758e}.credential-grid small{display:block;color:#8fb9ca;font-weight:900;letter-spacing:.1em}.credential-grid strong{display:block;margin-top:5px;font-size:clamp(1.05rem,2.4vw,1.65rem);word-break:break-word;color:#fff}.credential-actions{display:flex;gap:8px;flex-wrap:wrap}.tiny{font-size:.8rem;color:#9fc5d2!important}footer{display:flex;justify-content:space-between;gap:20px;padding:20px clamp(18px,5vw,72px);color:#78a8ba;font-size:.78rem;border-top:1px solid #17485f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.door-grid,.login-grid{grid-template-columns:1fr}.animals{grid-template-columns:repeat(3,1fr)}.credential-grid{grid-template-columns:1fr}footer{flex-direction:column}}@media(max-width:470px){.animals{grid-template-columns:repeat(2,1fr)}.primary,.secondary,.ghost{width:100%;margin-right:0}.mode-row>*{width:100%}.mode-row select,.mode-row input{min-width:0;width:100%}}