*{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Arial,sans-serif;background:#06142d;color:#fff;color-scheme:dark}body{margin:0;min-width:320px}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid #ffda78;outline-offset:3px}.skip{position:absolute;top:-90px;left:10px;background:white;color:#06142d;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 3%;background:#061a38;border-bottom:2px solid #52d6ff}.brand{font-size:clamp(22px,2.8vw,36px);font-weight:850;text-decoration:none;color:#b6f0ff}.brand b{color:#ffce73}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:12px;border:1px solid #64dfff;border-radius:10px;background:#0a3765;text-decoration:none;font-weight:700}nav a:hover,.button:hover,.tile:hover{filter:brightness(1.15);border-color:#ffdc8b}.hero{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,#061a38d8,#0a3b70b0),url('/assets/dev82-holographic/home-city.webp') center/cover;border-bottom:2px solid #eac16b}.mascot{position:absolute;left:0;bottom:0;width:38%;height:85%;background:url('/assets/dev82-holographic/home-teddy.webp') center bottom/contain no-repeat}.hero-content{position:relative;margin-left:22%;max-width:780px;text-align:center;padding:30px;text-shadow:0 3px 16px #000}.eyebrow{font-size:12px;letter-spacing:2px;color:#ffdc86;font-weight:850}h1{font-size:clamp(35px,5vw,70px);line-height:1.1}h1 em{font-style:normal;color:#ffd17c}.hero-content>p{font-size:clamp(17px,2vw,24px)}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 22px;border:1px solid #70ddff;border-radius:14px;background:#0c4074;text-decoration:none;font-weight:800;color:white;box-shadow:0 0 15px #05aeff66;cursor:pointer}.gold{background:linear-gradient(100deg,#ad7307,#ffce59);border-color:#ffe2a1;color:#08172d}.cyan{background:linear-gradient(110deg,#075fd5,#049cc5)}.disclaimer,.fine{font-size:12px!important;color:#d5ebf8}.adventures{padding:34px 3%;background:linear-gradient(#0a2e56,#06192e);text-align:center}.adventures h2{font-size:clamp(26px,3vw,40px)}.cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;max-width:1550px;margin:auto}.tile{display:flex;flex-direction:column;gap:14px;min-height:190px;padding:18px 12px;background:linear-gradient(150deg,#115c9c,#082449);border:1px solid #5bd9fa;border-radius:16px;text-align:left;text-decoration:none;box-shadow:0 8px 22px #0006}.tile-icon{font-size:35px;color:#ffd57a}.tile strong{font-size:19px}.tile small{color:#d9effb}.family{padding:36px 4%;background:#0b2b50;text-align:center}.family h2{font-size:clamp(24px,3vw,39px)}.family p{color:#d6edfa}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 3%;background:#06152d;border-top:1px solid #397da9}footer strong{color:#ffd17b}.login-scene{min-height:750px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:60px 5%;background:linear-gradient(90deg,#04162ddc,#0b315aaf),url('/assets/dev82-holographic/signin-scene.webp') center/cover}.login-intro h1{font-size:clamp(36px,5vw,67px)}.login-intro>p{font-size:clamp(17px,2vw,24px)}.roles{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.roles span{padding:13px;background:#0b3b70;border:1px solid #79e5ff;border-radius:12px}.login-panel{padding:clamp(22px,3vw,45px);border:1px solid #ffcf72;border-radius:25px;background:linear-gradient(140deg,#0c3661ed,#06182df2);box-shadow:0 18px 70px #000a;max-width:580px;width:100%}.login-panel h2{font-size:clamp(25px,3vw,39px)}form{display:grid;gap:12px}label{font-weight:700}input{min-height:49px;width:100%;min-width:0;padding:12px 14px;border:1px solid #7ce3ff;border-radius:11px;background:#061b38;color:#fff}.password-row{display:flex;gap:8px}.password-row button{min-width:75px;background:#104c7e;color:#fff;border:1px solid #74e4ff;border-radius:10px;cursor:pointer}.submit{margin-top:14px}.login-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:17px}.login-links a{color:#b6f0ff}#status{min-height:1.5em;color:#fff}[hidden]{display:none!important}@media(max-width:1100px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.hero-content{margin:0;background:#06182eb8;border-radius:18px}.mascot{opacity:.3;width:70%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-scene{grid-template-columns:1fr;padding:35px 5%}.login-panel{margin:auto}}@media(max-width:450px){.hero{min-height:520px}.mascot{opacity:.2;width:95%}.hero h1{font-size:37px}.cards{gap:8px}.tile{min-height:160px}.login-scene{padding:20px 12px}.login-panel{padding:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* DEV83: approved showcase's floating functional side console, not rasterized buttons. */
.hero{display:flex;align-items:center;justify-content:center}.hero-content{max-width:690px;margin-left:10%;margin-right:275px}.mission-console{position:absolute;right:clamp(12px,2vw,34px);top:50%;transform:translateY(-50%);z-index:2;width:260px;padding:18px;border:1px solid #f3c876;border-radius:17px;background:linear-gradient(145deg,#08294eea,#04162bea);box-shadow:0 0 28px #00baff44,0 12px 35px #0008;backdrop-filter:blur(8px)}.mission-console h2{font-size:20px;margin:0 0 8px;color:#ffd681}.mission-console p{font-size:13px;color:#d5ecfa;line-height:1.5}.mission-console a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 10px;margin:8px 0;border:1px solid #57d3fa;border-radius:10px;background:#0a4476;color:#fff;text-decoration:none;font-weight:700;font-size:13px;min-height:45px}.mission-console a:hover{background:#0b69a2;border-color:#ffdd91}.mission-console .mission-note{font-size:11px}.dev83-pressed{filter:brightness(1.23)!important;box-shadow:0 0 18px #ffda84!important}.tile:focus-visible,.mission-console a:focus-visible{outline:3px solid #ffdc85;outline-offset:3px}@media(max-width:1050px){.hero{display:block}.hero-content{margin:0 auto;padding:60px 18px 30px;max-width:750px}.mission-console{position:relative;top:auto;right:auto;transform:none;margin:10px auto 26px;width:min(90%,620px)}.hero{min-height:0}.mission-console a{font-size:14px}}@media(prefers-reduced-motion:reduce){.dev83-pressed{filter:none!important}}