:root{--navy:#082f68;--blue:#0b68b7;--yellow:#ffd438;--paper:#fffdf5;--ink:#11264a;--muted:#62708a;--line:#d9e7f6;--green:#117a53}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.wrap{width:min(1060px,calc(100% - 32px));margin:auto}.hero{background:linear-gradient(135deg,var(--navy),#0b559b);color:#fff;padding:64px 0 54px;border-bottom:8px solid var(--yellow)}.eyebrow{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:900;padding:7px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:18px 0 10px;line-height:1}.hero p{font-size:1.15rem;max-width:670px;margin:0;opacity:.94}.notice{margin:32px 0 22px;border:1px solid #bcd9f3;border-left:6px solid var(--blue);background:#edf7ff;border-radius:12px;padding:16px 18px;display:flex;gap:8px 18px;flex-wrap:wrap}.notice strong{color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.card{min-height:155px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:start;color:inherit;text-decoration:none;box-shadow:0 8px 22px rgba(8,47,104,.07)}.card.available{border-color:#71b6ed;transition:.2s ease}.card.available:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(8,47,104,.13)}.number{width:54px;height:54px;border-radius:15px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.25rem}.card h2{margin:7px 0 6px;font-size:1.15rem}.card p{margin:0;color:var(--muted);line-height:1.45}.status{font-size:.72rem;font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.07em}.status.preparing{color:#8a6510}.arrow{font-size:1.8rem;color:var(--blue);align-self:center}.final{grid-column:1/-1;background:linear-gradient(90deg,#fff9da,#fff)}footer{text-align:center;color:var(--muted);padding:34px 16px 42px}@media(max-width:720px){.hero{padding:42px 0 36px}.grid{grid-template-columns:1fr}.final{grid-column:auto}.card{grid-template-columns:50px 1fr;padding:17px}.number{width:48px;height:48px}.arrow{display:none}}
