:root{color:#fffffff0;background:#101014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#1a1c20eb,#101014),#101014}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1120px,100%);margin:0 auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 28px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#0b9ff2;color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand small,.lede,.card span,.qr-caption,.status{color:#ffffffa3}nav{display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}nav a{padding:9px 12px;border-radius:6px;font-weight:700;color:#ffffffb8}nav a.active,nav a:hover{background:#ffffff1a;color:#fff}.hero,.console,.grid{border-top:1px solid rgba(255,255,255,.1)}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;min-height:310px;padding:38px 0}.hero.compact{min-height:250px}.eyebrow{margin:0 0 10px;color:#39d98a;font-weight:900;letter-spacing:0;text-transform:uppercase;font-size:.78rem}h1{margin:0;max-width:820px;font-size:clamp(2.25rem,8vw,5.6rem);line-height:.95;letter-spacing:0}.lede{max-width:720px;margin:18px 0 0;font-size:1.1rem;line-height:1.55}.hero-actions{display:grid;gap:10px;min-width:210px}.primary-link,.secondary-link,button{min-height:46px;border:0;border-radius:8px;padding:12px 16px;font-weight:900;cursor:pointer}.primary-link,button{background:#0b9ff2;color:#fff}.secondary-link{border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 0}.card,.form-panel,.qr-panel,.phone-panel{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e}.card{display:grid;gap:9px;padding:18px;min-height:138px}.card strong{font-size:1.25rem}.console{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;padding:28px 0}.form-panel,.qr-panel{padding:18px}.form-panel h1{font-size:clamp(2rem,6vw,4rem)}label{display:grid;gap:7px;margin-top:14px;color:#ffffffbf;font-weight:800}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#00000047;color:#fff;outline:none}input{height:48px;padding:0 13px}textarea{min-height:142px;margin-top:14px;padding:12px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}input:focus,textarea:focus{border-color:#0b9ff2}.button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.status{min-height:24px;margin:12px 0 0;line-height:1.45}.status.ok{color:#39d98a}.status.bad{color:#ff6b6b}.status.pending{color:#ffd166}.qr-panel{align-self:start}.qr-box{display:grid;place-items:center;aspect-ratio:1;width:100%;border-radius:8px;background:#fff;color:#101014;overflow:hidden}.qr-box img{width:100%;height:auto;display:block}.qr-caption{margin:12px 0 0;text-align:center;font-weight:800}.phone-panel{width:240px;padding:14px}.phone-screen{display:grid;gap:12px;min-height:410px;padding:18px;border-radius:18px;background:#111;align-content:center}.phone-screen strong{font-size:2rem}.phone-screen span{display:block;padding:13px;border-radius:8px;background:#0b9ff2;color:#fff;font-weight:900;text-align:center}@media (max-width: 760px){.shell{padding:16px}.topbar,.hero,.console{grid-template-columns:1fr}.topbar{align-items:stretch}nav,.button-row,.grid{grid-template-columns:1fr}nav{display:grid;grid-template-columns:repeat(3,1fr)}nav a{text-align:center}.hero{min-height:auto;padding:26px 0}.phone-panel{width:100%}}