:root{--blue:#155eef;--ink:#10203a;--muted:#64748b;--ok:#168753;--bad:#b42318;--surface:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(145deg,#eef5ff,#f8fafc);min-height:100vh}.checker-body{display:grid;place-items:center}.activate-card{width:min(520px,calc(100% - 32px));padding:38px;background:#fff;border-radius:22px;box-shadow:0 24px 60px #10203a1f}.checker-logo{font-size:27px;font-weight:850;letter-spacing:-1px}.checker-logo .ino-brand-accent{color:#84b840}h1{margin:18px 0 8px}.activate-card p{color:var(--muted);line-height:1.55}.activate-card form{display:grid;gap:10px;margin-top:24px}label{font-weight:700}input{font:inherit;padding:13px;border:1px solid #cbd5e1;border-radius:10px}button{font:inherit;font-weight:750;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:13px 18px;cursor:pointer}button.secondary{background:#e9eff9;color:var(--ink)}.checker-error{padding:12px;background:#fff1f0;color:var(--bad);border-radius:9px}.checker-kiosk{display:block}.checker-header{height:82px;background:#fff;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid #e2e8f0}.checker-header>div:nth-child(2){display:flex;flex-direction:column;flex:1}.checker-header small{color:var(--muted);margin-top:3px}.checker-main{text-align:center;padding:52px 20px}.checker-clock{font-size:clamp(64px,10vw,110px);line-height:1;font-weight:850;letter-spacing:-5px}.checker-date{color:var(--muted);font-size:20px;margin:10px 0 40px}.reader-panel,.result-panel{width:min(620px,100%);margin:auto;background:#fff;padding:42px;border-radius:26px;box-shadow:0 20px 50px #10203a14}.fingerprint-glyph,.result-icon{font-size:86px;color:var(--blue);line-height:1}.reader-panel h1,.result-panel h2{font-size:30px}.reader-panel p,.result-panel p{color:var(--muted);font-size:18px}.result-panel.success .result-icon{color:var(--ok)}.result-panel.error .result-icon{color:var(--bad)}