:root { --ink:#f4f7fb; --muted:#a7b0bb; --line:#4b5663; --paper:#15191e; --panel:#222830; --blue:#74c7ff; --danger:#ff7a63; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:24px; color:var(--ink); background:var(--paper); font-family:"IBM Plex Mono","DejaVu Sans Mono",monospace; }
.landing { width:min(520px,100%); display:grid; gap:20px; justify-items:start; padding:clamp(20px,5vw,40px); border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.landing-logo { width:min(280px,100%); height:auto; }
.landing-summary, .landing-note { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.landing-heading, .landing-message h1 { margin:0; font-size:20px; line-height:1.3; }
.landing-message { width:100%; padding:12px 14px; border-left:3px solid var(--blue); background:var(--paper); }
.landing-message p { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.landing-signin { display:inline-flex; align-items:center; min-height:44px; padding:10px 22px; border:1px solid var(--blue); border-radius:6px; color:var(--paper); background:var(--blue); font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; letter-spacing:.06em; }
.landing-signin:hover { background:transparent; color:var(--blue); }
.landing-signin:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }