:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a0f14;color:#dce6ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#142b252b,transparent 58%)}.access{width:min(100% - 48px,420px);margin:auto;padding:clamp(45px,10vh,96px) 0 35px}.brand{display:inline-block;font-size:25px;letter-spacing:3px;font-weight:750;text-decoration:none;color:#e4f1e9;margin-bottom:48px}.brand span{color:#34d399}.panel{padding:32px;border:1px solid #263b42;border-radius:12px;background:linear-gradient(145deg,#11201f,#0e171e)}.eyebrow{display:flex;align-items:center;gap:9px;color:#76c7a9;font:10px ui-monospace,monospace;letter-spacing:1.8px;margin:0 0 26px}.eyebrow span{width:6px;height:6px;background:#34d399;border-radius:50%}h1{font-size:35px;font-weight:550;line-height:1.13;letter-spacing:-1.4px;margin:0 0 20px}.intro{color:#92aab6;font-size:14px;line-height:1.65;margin:0 0 30px}label{display:block;font-size:12px;color:#b3c6ce;margin-bottom:10px}input,button{font:inherit;width:100%;min-height:46px;border-radius:6px}input{border:1px solid #355047;background:#0b1517;color:#e7f5ed;padding:10px 13px}input:focus-visible,button:focus-visible,.brand:focus-visible{outline:2px solid #34d399;outline-offset:4px}input[aria-invalid=true]{border-color:#d69086}button{border:1px solid #59cea5;background:#34d399;color:#09251c;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;font-weight:650;cursor:pointer}button:hover{background:#6ce2b8}button:disabled{opacity:.65;cursor:wait}button span{font-size:21px;line-height:1}.error{color:#eab2a7;font-size:12px;line-height:1.55;min-height:17px;margin:12px 0 15px}.signature{font:9px ui-monospace,monospace;letter-spacing:1.9px;color:#627c89;text-align:center;margin:30px 0 0}@media(max-width:420px){.access{width:calc(100% - 32px);padding-top:40px}.brand{margin-bottom:30px}.panel{padding:26px}h1{font-size:32px}}

/* One compact entry screen for both catalogue and direct demo links. */
body { background:radial-gradient(ellipse at 50% 0%,#185a454f,transparent 62%),#0a0f14; }
.access { width:min(100% - 40px,460px); padding:clamp(24px,5vh,44px) 0 24px; }
.brand { margin-bottom:22px; }
.panel { position:relative; padding:30px; border-radius:18px; border-color:#37624f; box-shadow:0 20px 70px #0004; }
.panel::before { content:''; position:absolute; left:30px; right:30px; top:0; height:2px; background:linear-gradient(90deg,#34d399,transparent); }
.eyebrow { margin-bottom:18px; }
h1 { font-size:36px; margin-bottom:14px; }
.intro { margin-bottom:18px; font-size:13px; line-height:1.6; }
.experience-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:24px; }
.experience-tags span { padding:6px 9px; background:#15392d; border:1px solid #2c5544; color:#9dd9bd; border-radius:6px; font-size:10px; }
input,button { border-radius:9px; min-height:46px; }
.signature { margin-top:22px; font-size:8px; letter-spacing:1.6px; }
@media(max-width:420px) { .access { width:calc(100% - 32px); padding-top:24px; } .panel { padding:24px; } h1 { font-size:31px; } }