:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#14243a;background:#f3f7fb}*{box-sizing:border-box}body{margin:0}header{background:#10243a;color:#fff;padding:18px max(18px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}header strong{font-size:22px}header small{display:block;color:#c4d6e8;margin-top:5px}main{max-width:1100px;margin:0 auto;padding:22px 16px 70px}nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px}button{border:0;border-radius:11px;background:#00a98e;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}button.secondary{background:#e3ebf2;color:#173047}header button.secondary{background:#2e4961;color:#fff}button.selected{background:#10243a}h2{margin-top:22px}article{background:#fff;border-radius:14px;padding:17px;margin:10px 0;box-shadow:0 3px 18px #1b38500d}article h2{margin:10px 0}article small{color:#637489}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;background:#fff;padding:16px;border-radius:14px}input,select{width:100%;padding:13px;border:1px solid #cbd6df;border-radius:10px;font:inherit;background:#fff}.auth{max-width:430px;margin:12vh auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 6px 40px #10243a17}.auth form{display:grid;gap:12px}.auth details{margin-top:22px}.error{background:#fee4e4;color:#a11616;padding:12px;border-radius:10px}.note{color:#5e6f7f;font-size:14px}.punch{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{display:flex;align-items:center;gap:10px;background:#fff;padding:12px;border-radius:9px;margin-bottom:6px}.choice input{width:auto}@media(max-width:500px){.punch{grid-template-columns:1fr}.auth{margin:7vh 12px}header strong{font-size:18px}}