:root{color-scheme:dark;--accent:#caff00;--bg:#090a08;--card:#181a16;--line:#30332c;--muted:#aeb3a6;--text:#fff}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% -15%,rgba(202,255,0,.15),transparent 34%),var(--bg);color:var(--text);font-family:Arial,sans-serif}.catalog-header{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 12px}.catalog-brand{display:inline-flex}.catalog-brand img{display:block;width:132px;height:46px;object-fit:contain}.catalog-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 68px}.catalog-intro{max-width:790px;margin-bottom:38px}.catalog-kicker{display:inline-block;margin:0 0 16px;padding:8px 13px;border:1px solid rgba(202,255,0,.42);border-radius:999px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.catalog-intro h1{margin:0;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em}.catalog-intro>p:not(.catalog-kicker){max-width:670px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.catalog-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.catalog-summary span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#dce1d5;font-size:13px}.invitation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:invitations}.invitation-list li{min-width:0}.invitation-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label arrow" "code arrow";align-items:center;gap:7px 16px;min-height:94px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(29,31,26,.96),rgba(20,21,18,.96));color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.invitation-list a:hover,.invitation-list a:focus-visible{border-color:rgba(202,255,0,.7);background:#1d2018;transform:translateY(-2px);outline:0}.invitation-list a>span:first-child{grid-area:label;color:#f4f6f0;font-size:15px;font-weight:700}.invitation-list code{grid-area:code;overflow:hidden;color:var(--accent);font:13px/1.35 Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.invitation-arrow{grid-area:arrow;color:var(--accent);font-size:24px}.catalog-pagination{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.page-number,.page-direction{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;color:#e8ebe3;text-decoration:none}.page-number:hover,.page-number:focus-visible,.page-direction:hover,.page-direction:focus-visible{border-color:var(--accent);outline:0}.page-number.is-current{border-color:var(--accent);background:var(--accent);color:#0b0c09;font-weight:800}.page-direction{padding:0 16px;font-weight:700}.page-ellipsis{display:inline-flex;min-width:28px;min-height:40px;align-items:center;justify-content:center;color:var(--muted)}.catalog-empty{padding:54px 30px;border:1px solid var(--line);border-radius:24px;background:var(--card);text-align:center}.catalog-empty h2{margin:0 0 10px}.catalog-empty p{margin:0;color:var(--muted)}.catalog-footer{display:flex;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 38px;border-top:1px solid var(--line);gap:22px;flex-wrap:wrap}.catalog-footer a{color:var(--muted);font-size:13px;text-decoration:none}.catalog-footer a:hover,.catalog-footer a:focus-visible{color:var(--accent)}@media(max-width:760px){.catalog-header,.catalog-main,.catalog-footer{width:min(100% - 24px,1180px)}.catalog-main{padding-top:32px}.catalog-intro h1{font-size:clamp(40px,13vw,58px)}.catalog-intro>p:not(.catalog-kicker){font-size:16px}.invitation-list{grid-template-columns:1fr}.catalog-pagination{flex-direction:column;align-items:stretch}.page-direction{width:100%}.page-numbers{order:2}.catalog-pagination>.page-direction:last-child{order:3}}@media(max-width:430px){.catalog-header{padding-top:24px}.catalog-main{padding-bottom:48px}.invitation-list a{padding:16px}.invitation-list code{font-size:12px}.page-number{min-width:36px;min-height:36px}}
