:root{--ink:#18221d;--paper:#f4f1eb;--line:#d8d2c6;--orange:#ef5b34;--muted:#69726c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header{height:74px;background:#fffdfa;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 7%;color:var(--muted);font-size:13px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800}.brand b{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--orange);border-radius:50%;font-size:13px}.brand small{display:block;color:var(--orange);font-size:9px;letter-spacing:.14em;margin-top:2px}.auth{max-width:460px;margin:9vh auto;padding:35px;background:#fffdfa;border:1px solid var(--line);border-radius:16px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:bold;color:var(--orange);margin:0 0 14px}.auth h1,.welcome h1{letter-spacing:-.055em;margin:0;font-size:38px}.auth p:not(.eyebrow){line-height:1.5;color:var(--muted)}form{margin-top:24px}label{display:block;font-size:12px;font-weight:bold;margin:14px 0}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:15px}button{background:var(--orange);border:0;border-radius:8px;color:#fff;padding:12px 16px;font-weight:bold;cursor:pointer}.error{background:#fff0ec;color:#9d331d;padding:10px;border-radius:7px;font-size:13px}.app{max-width:1050px;margin:0 auto;padding:70px 28px}.welcome{position:relative}.welcome form{position:absolute;right:0;top:-18px}.logout{background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.card{min-height:220px;background:#fffdfa;border:1px solid var(--line);border-radius:15px;padding:25px;display:flex;flex-direction:column;align-items:flex-start}.number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dce6dd;color:#496154;font-weight:bold;font-size:11px}.card h2{margin:20px 0 6px;letter-spacing:-.04em}.card p{font-size:14px;line-height:1.45;color:var(--muted);flex:1}.card button{font-size:13px}.commercial{background:#fff8f3}.privacy{font-size:12px;color:var(--muted);margin-top:25px}@media(max-width:700px){.grid{grid-template-columns:1fr}.auth{margin:35px 16px}.app{padding:45px 18px}.auth h1,.welcome h1{font-size:32px}}
