:root{--ink:#171717;--paper:#f4f1eb;--muted:#777168;--line:#ddd8cf;--lime:#d9ff45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px system-ui,sans-serif}body.dark{--ink:#f4f1eb;--paper:#171717;--muted:#aaa49b;--line:#3b3b3b}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 7vw;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.04em}.brand b{background:var(--ink);color:var(--lime);padding:6px 10px;border-radius:9px}.brand i{color:var(--muted);font-style:normal;font-weight:500}nav{margin-left:auto;display:flex;gap:25px;color:var(--muted);font-size:13px}.login{border:1px solid var(--ink);border-radius:20px;padding:9px 15px;font-size:13px}.icon{border:0;background:none;color:var(--ink);font-size:18px;cursor:pointer}.hero{padding:120px 9vw 130px;min-height:580px}.hero small,.catalog small,.dark small,.developers small{letter-spacing:.18em;font-weight:800;color:var(--muted);font-size:10px}.hero h1,.catalog h2,.dark h2,.developers h2{font-size:clamp(48px,8vw,100px);line-height:.9;letter-spacing:-.08em;margin:24px 0;font-weight:800}.hero h1 em,.catalog h2 em,.dark h2 em,.developers h2 em{font-style:normal;color:var(--muted)}.hero p{color:var(--muted);font-size:18px;max-width:420px;line-height:1.5;margin:30px 0}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:15px 22px;border-radius:30px;font-weight:700;font-size:13px}.catalog{border-top:1px solid var(--line);padding:90px 9vw}.catalog h2{font-size:clamp(40px,6vw,75px)}.catalog-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:25px 0}.catalog-tools label{font-size:12px;font-weight:700}.catalog-tools input,.catalog-tools select{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:20px;padding:10px 13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid article{background:#e8e4dc;border-radius:16px;padding:14px}.art{height:250px;border-radius:11px;display:grid;place-items:center;font-size:28px;text-align:center}.art strong{font-size:100px;line-height:.7}.purple{background:#8d5cf4;color:#fff}.green{background:#bae2c9;color:white;font-size:130px}.grid h3{margin:18px 5px 5px}.grid h3 span{float:right;font-size:12px}.grid p,.dark p,.developers p{color:var(--muted);margin:5px}.empty{color:var(--muted);padding:20px 0}.dark{background:var(--ink);color:var(--paper);padding:110px 9vw}.dark small{color:#aaa}.dark h2{max-width:700px}.dark p{max-width:400px;line-height:1.6;margin:25px 0}.lime{background:var(--lime);color:#171717}.developers{text-align:center;padding:120px 9vw}.developers p{max-width:420px;margin:25px auto;line-height:1.6}footer{border-top:1px solid var(--line);padding:28px 7vw;color:var(--muted);font-size:12px}@media(max-width:700px){nav{display:none}.hero{padding-top:80px}.grid{grid-template-columns:1fr}.login{margin-left:auto}}