:root{--red:#d20000;--deep:#7a0b12;--rose:#fff1f2;--ink:#242529;--muted:#706c69;--line:#e7e2de;--up:#2fbf71;--down:#dc3545}*{box-sizing:border-box}body{margin:0;background:#f7f6f4;color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:flex-end;padding:34px max(24px,5vw);background:#fff;border-bottom:1px solid var(--line)}h1{font-size:32px;margin:3px 0}h2{margin:0}.eyebrow{color:var(--red);font-weight:900;letter-spacing:.14em;font-size:11px}.back{color:var(--deep);font-weight:700}main{padding:26px max(24px,5vw) 60px}.journey{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(30,25,22,.06)}.journey-head{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}button{background:var(--red);border:0;color:#fff;border-radius:8px;padding:10px 15px;font-weight:800}details{border-bottom:1px solid var(--line)}details:last-child{border:0}summary{display:grid;grid-template-columns:80px 180px 80px 1fr;gap:14px;align-items:center;padding:16px 24px;cursor:pointer}.status{display:inline-block;width:max-content;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:850}.status.up{background:#d9f7e7;color:#087842}.status.down{background:#ffe0e2;color:#a5101b}.steps{padding:0 24px;background:#fcfbfa}.steps article{display:grid;grid-template-columns:28px 1fr 55px 75px auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.steps p,.steps small,.journey p,header p{margin:0;color:var(--muted)}.step-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rose);color:var(--deep);font-weight:800}.trace{display:inline-block;margin:16px 24px;color:var(--deep);font-weight:750}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 30px));padding:38px;background:#fff;border-top:5px solid var(--red);border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.12)}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--red);color:#fff;font-weight:900}.login form{padding:20px 0 0}.login label{display:grid;gap:6px;margin:14px 0;font-weight:700}.login input{padding:11px;border:1px solid #ccc;border-radius:8px;font:inherit}.error{color:#a5101b!important}@media(max-width:700px){header{align-items:flex-start;gap:20px;flex-direction:column}summary{grid-template-columns:75px 1fr}.steps article{grid-template-columns:28px 1fr}.steps article>.status{grid-column:2}}