:root{--ink:#0b1729;--muted:#64748b;--line:#dce4ee;--blue:#1769e0;--soft:#f5f8fc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:#fff}.wordmark{color:var(--ink);font-size:25px;font-weight:900;letter-spacing:-1.3px;text-decoration:none}.wordmark span{color:var(--blue)}.country{color:var(--muted);font-size:12px}.hero{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:58px 20px 46px;background:linear-gradient(180deg,#f8fbff,#fff)}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.lead{max-width:650px;margin:20px auto 0;color:var(--muted);font-size:17px}.catalog{width:min(1120px,92vw);margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{min-height:178px;display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 6px 22px rgba(15,35,60,.045)}.card.live{grid-column:span 2;border-color:#b9d2f7;background:linear-gradient(135deg,#f6faff,#fff)}.icon{flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:#52647b;font-size:10px;font-weight:900;letter-spacing:.04em}.live .icon{background:var(--ink);color:#fff;font-size:16px}.status{display:inline-block;margin-bottom:7px;color:#8a98aa;font-size:9px;font-weight:900;letter-spacing:.08em}.available{color:#13854b}.card h2{margin:0 0 5px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:13px}.card strong{display:block;margin-top:14px;color:var(--blue);font-size:12px}.live:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,35,60,.09)}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:24px;border-top:1px solid var(--line);color:#8290a2;font-size:11px}footer a{color:#52647b;text-decoration:none}@media(max-width:850px){.catalog{grid-template-columns:repeat(2,1fr)}.card.live{grid-column:span 2}}@media(max-width:560px){.site-header{height:62px;padding:0 16px}.wordmark{font-size:21px}.country{font-size:9px;text-align:right;max-width:150px}.hero{min-height:290px;padding:45px 18px 38px}.hero h1{font-size:43px}.lead{font-size:14px}.catalog{width:calc(100% - 28px);grid-template-columns:1fr;margin-bottom:45px}.card,.card.live{grid-column:span 1;min-height:150px;padding:18px}.icon{flex-basis:48px;height:48px}.card h2{font-size:17px}}
/* subtle category accents */
.card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,#dce4ee)}
.card .icon{background:color-mix(in srgb,var(--accent,#64748b) 11%,white);color:var(--accent,#52647b)}
.card.live{grid-column:span 1;border-color:var(--line);background:#fff}
.card.live .icon{background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent)}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,35,60,.08)}
.c-blue{--accent:#3b82f6}.c-violet{--accent:#8b5cf6}.c-rose{--accent:#e879a9}.c-orange{--accent:#f59e0b}.c-plum{--accent:#9b5de5}.c-indigo{--accent:#6366f1}.c-teal{--accent:#14b8a6}.c-gold{--accent:#d6a21e}.c-green{--accent:#22a06b}.c-slate{--accent:#64748b}
@media(max-width:850px){.card.live{grid-column:span 1}}