:root{color:#14242d;background:#e9eff2;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.terminal-shell{background:linear-gradient(150deg,#f9fbfc,#dfe9ee);grid-template-rows:auto auto 1fr;min-height:100vh;display:grid;position:relative}.terminal-shell>header{color:#fff;background:#14242d;align-items:center;gap:24px;height:70px;padding:0 24px;display:flex}.terminal-shell>header>div{flex-direction:column;display:flex}.terminal-shell>header b{letter-spacing:.12em}.terminal-shell>header span{color:#a9c3cf;font-size:11px}.terminal-shell nav{gap:3px;margin-inline-start:auto;display:flex}.terminal-shell nav button{color:#dce8ed;background:0 0;border:1px solid #46606c;padding:7px;font-size:10px}.terminal-shell nav button[aria-pressed=true]{color:#fff;background:#159bd1}.connection{color:#fff;background:#203743;border:1px solid #55717d;align-items:center;gap:7px;height:36px;padding:0 12px;display:flex}.connection svg{width:16px}.status-strip{color:#47606d;background:#fff;border-bottom:1px solid #c5d3da;align-items:center;gap:28px;height:48px;padding:0 24px;font-size:12px;display:flex}.status-strip span{align-items:center;gap:7px;display:flex}.status-strip svg{width:17px}.status-strip time{color:#14242d;margin-inline-start:auto;font-size:20px;font-weight:700}.terminal-stage{flex-direction:column;justify-content:center;align-items:center;min-height:620px;padding:35px;display:flex}.terminal-stage h1{text-align:center;max-width:780px;margin:20px 0 30px;font-size:clamp(26px,4vw,48px)}.hero-mark{color:#40b8e7;background:#14242d;border:6px solid #fff;place-items:center;width:125px;height:125px;display:grid;box-shadow:0 14px 40px #57707d42}.hero-mark svg{width:72px;height:72px}.entry-actions,.action-grid{grid-template-columns:repeat(2,minmax(220px,310px));gap:14px;display:grid}.entry-actions button,.action-grid button{color:#14242d;background:#fff;border:1px solid #9fb4be;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:145px;display:flex}.entry-actions button:hover,.action-grid button:hover{background:#f1fafe;border-color:#159bd1}.entry-actions svg,.action-grid svg{color:#159bd1;width:38px;height:38px}.entry-actions strong,.action-grid strong{font-size:20px}.entry-actions small,.action-grid small{color:#6a818c}form{background:#fff;border:1px solid #aebfc7;flex-direction:column;align-items:center;width:min(420px,100%);padding:30px;display:flex;position:relative}form .form-icon{color:#159bd1;width:44px;height:44px}form h1{margin:12px}form label{color:#47606d;width:100%;font-size:12px}form input{letter-spacing:.4em;text-align:center;border:2px solid #8aa1ad;width:100%;height:56px;margin-top:6px;font-size:30px}.keypad{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:20px 0;display:grid}.keypad button{background:#eef3f5;border:1px solid #b6c6cd;height:52px;font-size:20px}.primary,.secondary{border:1px solid #0d769f;min-width:200px;min-height:48px;padding:0 24px;font-weight:700}.primary{color:#fff;background:#159bd1}.primary:disabled{opacity:.4}.secondary{color:#315667;background:#fff;margin-top:22px}.close{top:12px;background:0 0;border:0;position:absolute;inset-inline-end:12px}.identity{color:#fff;background:#14242d;align-items:center;gap:14px;width:min(700px,100%);padding:18px;display:flex}.identity>div{background:#159bd1;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.identity span{flex-direction:column;display:flex}.identity small{color:#a9c3cf}.identity strong{font-size:22px}.identity>svg{margin-inline-start:auto}.result{text-align:center}.result i{border:6px solid #b9cad1;border-top-color:#159bd1;width:70px;height:70px;animation:.8s linear infinite spin;display:block}.result svg{width:80px;height:80px}.result.success svg{color:#12845a}.result.failed svg{color:#b53b36}.help-bear{inset-inline-end:26px;color:#fff;background:#14242d;border:0;place-items:center;width:55px;height:55px;display:grid;position:fixed;bottom:25px}.help-panel{top:0;bottom:0;z-index:5;background:#fff;width:min(420px,100%);padding:70px 32px;position:fixed;inset-inline-end:0;box-shadow:0 0 35px #14242d55}.help-panel h2{font-size:28px}.help-panel p,.help-panel li{line-height:1.6}.help-panel small{color:#0b8dc1}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.terminal-shell>header{flex-wrap:wrap;height:auto;min-height:72px;padding:12px}.terminal-shell nav{order:3;width:100%;overflow:auto}.connection{margin-inline-start:auto}.status-strip{gap:12px;padding:0 12px}.status-strip span:last-child{display:none}.terminal-stage{min-height:520px;padding:20px}.entry-actions,.action-grid{grid-template-columns:1fr;width:100%}.entry-actions button,.action-grid button{height:112px}form{padding:24px 18px}.hero-mark{width:96px;height:96px}.terminal-stage h1{margin:14px 0 22px}}[dir=rtl] .entry-actions svg,[dir=rtl] .action-grid svg{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*{animation:none!important}}