:root{color-scheme:dark;font:15px/1.55 system-ui,sans-serif;background:#0c1823;color:#eff6fa}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:28px 22px 50px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:#d3e8f7}nav .brand{letter-spacing:3px;font-weight:600;text-decoration:none}header{margin:52px 0 28px}header>span{font-size:12px;letter-spacing:2px;color:#bdd2e0}h1{font-size:38px;font-weight:500;margin:10px 0}p{color:#b7cddc}#offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}article{background:#152a37;border:1px solid #466273;border-radius:16px;overflow:hidden}article img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#10202b;display:block}.copy{padding:20px}.format{font-size:12px;color:#bad1e0}h2{font-size:23px;font-weight:500;margin:8px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button{min-height:44px;border:1px solid #7a95a7;border-radius:9px;color:#eff6fa;background:#203c4e;padding:10px 15px;font:inherit;cursor:pointer}button:hover{background:#325568}button:disabled{opacity:.55;cursor:wait}button[aria-expanded=true]{background:#bef5d6;color:#173c2a}.details{margin-top:15px}[hidden]{display:none!important}#status:empty{display:none}