@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08090a;--panel:#101113;--muted:#92959d;--line:#222428;--violet:#9b87f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f6;font-family:Inter,system-ui,sans-serif;min-height:100vh}.glow{position:fixed;inset:-20% 0 auto 30%;height:620px;background:radial-gradient(ellipse,rgba(116,87,224,.13),transparent 65%);pointer-events:none}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);position:relative}.brand{color:inherit;text-decoration:none;font-weight:600;letter-spacing:-.02em}.mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;background:#eee;color:#090909;border-radius:8px;font-weight:800}.status{font:500 11px/1 Inter;color:#777b83;text-transform:uppercase;letter-spacing:.12em}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55d69e;box-shadow:0 0 9px #55d69e;margin-right:8px}main,footer{width:min(1180px,90vw);margin:auto}.hero{padding:110px 0 90px;border-bottom:1px solid var(--line)}.eyebrow{color:#7c7f87;font-size:11px;font-weight:700;letter-spacing:.17em;margin:0 0 22px}.hero h1{font-size:clamp(3.25rem,8vw,7.4rem);line-height:.91;letter-spacing:-.07em;margin:0;max-width:970px}.hero h1 span{color:#787b82}.intro{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.6;color:var(--muted);max-width:620px;margin:36px 0 55px}.stats{display:flex;gap:60px}.stats div{display:grid;gap:7px}.stats strong{font-size:1.4rem}.stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#70737a}.catalog{padding:80px 0 120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em;margin:0}.filter{display:flex;gap:6px;flex-wrap:wrap}.filter button{border:1px solid var(--line);background:transparent;color:#858891;border-radius:99px;padding:9px 13px;cursor:pointer;font:500 .72rem Inter}.filter button:hover,.filter button.active{background:#f1f1f2;color:#101113;border-color:#f1f1f2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-4px);border-color:#393c42}.preview{height:210px;position:relative;overflow:hidden;background:linear-gradient(145deg,#15171a,#0d0e10);border-bottom:1px solid var(--line)}.orb{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(2px);background:var(--accent);opacity:.3;right:-20px;top:-30px}.number{position:absolute;font-weight:700;font-size:5rem;letter-spacing:-.08em;bottom:-14px;left:20px;color:#25272b}.mini{position:absolute;right:20px;bottom:22px;display:flex;align-items:end;gap:5px}.mini i{display:block;width:8px;background:var(--accent);opacity:.75;border-radius:2px}.mini i:nth-child(1){height:28px}.mini i:nth-child(2){height:48px}.mini i:nth-child(3){height:36px}.card-body{padding:23px}.meta{display:flex;justify-content:space-between;color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}.arrow{font-size:1rem}.card h3{font-size:1.35rem;margin:25px 0 9px;letter-spacing:-.03em}.card p{font-size:.86rem;color:var(--muted);line-height:1.55;min-height:42px;margin:0 0 25px}.card a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:#dedee1;text-decoration:none;font-size:.78rem;font-weight:600}.empty{color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;color:#62656c;font-size:.72rem}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;gap:25px;flex-direction:column}}@media(max-width:580px){.hero{padding:75px 0 65px}.stats{gap:25px;justify-content:space-between}.grid{grid-template-columns:1fr}.topbar{height:62px}.status{display:none}.catalog{padding-top:60px}.filter{overflow:auto;max-width:100%;flex-wrap:nowrap}.filter button{white-space:nowrap;min-height:44px;padding-inline:16px}}
