:root { --bit-blue:#0061A1; --bit-blue-dark:#1A3A5C; --bit-blue-mid:#4687BD; --bit-orange:#FC8D00; --bit-orange-light:#FFE5CC; --bit-black:#1D1D1B; --bit-grey:#706F6F; --bit-light:#F0F0F0; --bit-border:#DADADA; --bit-shadow:0 0.4rem 1.4rem rgba(29,29,27,.08); }
* { box-sizing:border-box; }
body { margin:0; color:var(--bit-black); background:#f8fafc; font-family:inherit; line-height:1.5; }
a { color:var(--bit-blue); }
.bit-time__shell { width:min(1120px, calc(100% - 2rem)); margin:0 auto; }
.bit-time__header { background:var(--bit-blue-dark); color:#fff; }
.bit-time__header-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:4.4rem; }
.bit-time__brand { color:#fff; text-decoration:none; font-weight:800; letter-spacing:.02em; }
.bit-time__brand span { display:block; font-size:.78rem; font-weight:500; opacity:.82; }
.bit-time__header nav a { color:#fff; text-decoration:none; font-weight:700; }
.bit-time__main { padding:2.5rem 0 4rem; }
.bit-time__footer { padding:1.2rem 0; color:var(--bit-grey); background:#fff; border-top:1px solid var(--bit-border); font-size:.9rem; }
.bit-time__hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(16rem,.8fr); gap:2rem; align-items:stretch; padding:2.5rem; background:linear-gradient(125deg,#fff 0%,#edf4fa 100%); border:1px solid #d9e6f1; border-radius:1.1rem; box-shadow:var(--bit-shadow); }
.bit-time__eyebrow { display:inline-block; color:var(--bit-blue); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h1,h2 { color:var(--bit-blue-dark); line-height:1.15; } h1 { margin:.6rem 0 1rem; font-size:clamp(2rem,4vw,3.4rem); } h2 { margin-top:0; }
.bit-time__hero p,.bit-time__lead { max-width:68ch; font-size:1.08rem; }
.bit-time__hero-note { align-self:center; padding:1.3rem; background:var(--bit-orange-light); border-left:.35rem solid var(--bit-orange); border-radius:.7rem; }
.bit-time__hero-note p { font-size:.95rem; margin-bottom:0; }
.bit-time__button { display:inline-flex; align-items:center; justify-content:center; min-height:3.2rem; margin-top:1rem; padding:.8rem 1.25rem; border:.12rem solid var(--bit-orange); border-radius:.65rem; background:var(--bit-orange); color:var(--bit-black); font:inherit; font-weight:800; line-height:1.2; text-decoration:none; cursor:pointer; transition:transform .18s ease,background-color .18s ease,color .18s ease; }
.bit-time__button:hover,.bit-time__button:focus-visible { background:var(--bit-blue); color:#fff; transform:translateY(-.15rem); }
.bit-time__button--secondary { background:#fff; border-color:var(--bit-blue); color:var(--bit-blue); }
.bit-time__button--danger { background:#b83224; border-color:#b83224; color:#fff; }
.bit-time__grid { display:grid; gap:1rem; margin-top:1.2rem; } .bit-time__grid--three { grid-template-columns:repeat(3,1fr); }
.bit-time__card { margin-top:1.2rem; padding:1.5rem; background:#fff; border:1px solid var(--bit-border); border-radius:1rem; box-shadow:var(--bit-shadow); }
.bit-time__card--wide { max-width:900px; margin-left:auto; margin-right:auto; } .bit-time__card--narrow { max-width:650px; margin-left:auto; margin-right:auto; } .bit-time__card--danger { border-color:#e0a39b; }
.bit-time__form { display:grid; gap:1rem; margin-top:1.2rem; } label,legend { color:var(--bit-blue-dark); font-weight:800; } label { display:grid; gap:.4rem; } input,textarea,select { width:100%; padding:.75rem .85rem; border:1px solid #b8c9d8; border-radius:.55rem; background:#fff; color:var(--bit-black); font:inherit; } input:focus,textarea:focus,select:focus { outline:.18rem solid rgba(0,97,161,.22); border-color:var(--bit-blue); }
.bit-time__form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } fieldset { display:grid; gap:.7rem; padding:1rem; border:1px solid var(--bit-border); border-radius:.7rem; } legend { padding:0 .35rem; } .bit-time__help,.bit-time__muted { color:var(--bit-grey); font-size:.92rem; } .bit-time__slot-list { display:grid; gap:.6rem; }
.bit-time__alert { margin-bottom:1rem; padding:.9rem 1rem; border-radius:.6rem; border:1px solid; } .bit-time__alert--success { color:#155724; background:#dff3e4; border-color:#a9d8b2; } .bit-time__alert--error { color:#7d231a; background:#fde4e1; border-color:#e8aaa3; }
.bit-time__status { float:right; padding:.3rem .7rem; border-radius:999px; font-size:.8rem; font-weight:800; } .bit-time__status--open { background:#dff3e4; color:#155724; } .bit-time__status--closed { background:#f0f0f0; color:#706f6f; }
.bit-time__choice { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; padding:.75rem; background:#f7fafc; border:1px solid #e3edf5; border-radius:.55rem; } .bit-time__choice input { width:auto; } .bit-time__choice strong { color:var(--bit-blue); font-size:.9rem; }
.bit-time__table-wrap { overflow:auto; } .bit-time__table { width:100%; border-collapse:collapse; } .bit-time__table th,.bit-time__table td { padding:.75rem; text-align:left; border-bottom:1px solid #e8eef3; } .bit-time__table th { background:#edf4fa; color:var(--bit-blue-dark); }
.bit-time__link-box { display:grid; gap:.35rem; margin:1rem 0; padding:1rem; border:1px solid #bdd3e5; border-radius:.7rem; background:#f3f8fc; } .bit-time__link-box--warning { border-color:#f4bd7a; background:var(--bit-orange-light); } code { overflow-wrap:anywhere; color:var(--bit-blue-dark); }
.bit-time__actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; } .bit-time__actions .bit-time__button { margin-top:0; }
@media (max-width:800px) { .bit-time__hero,.bit-time__grid--three,.bit-time__form-grid { grid-template-columns:1fr; } .bit-time__hero { padding:1.4rem; } .bit-time__header-inner { align-items:flex-start; flex-direction:column; padding:1rem 0; } .bit-time__main { padding-top:1rem; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; } }