*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#15151b;font:16px/1.5 system-ui,sans-serif}header{display:flex;gap:14px;align-items:center;padding:28px 6%;border-bottom:1px solid #dedde3}header span{display:block;font-size:13px;color:#676773}.mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:linear-gradient(140deg,#0755ff,#651fff);border-radius:12px;font-weight:800}main{max-width:1280px;margin:auto;padding:48px 6%}h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.4px;margin:12px 0 24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#651fff}.login{max-width:520px;margin:5vh auto}.login>p{color:#676773}form{display:grid;gap:18px;max-width:520px}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{border:1px solid #d2d0dc;padding:14px;border-radius:9px;background:white;width:100%;font:inherit}input:focus{outline:3px solid #0755ff33;border-color:#0755ff}button{border:0;border-radius:9px;background:#0755ff;color:white;padding:14px 22px;font:600 14px system-ui;cursor:pointer}.secondary{background:#e9e7ef;color:#252431}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.toolbar form{display:block}.toolbar h1{margin-bottom:32px}#search{max-width:600px}details{padding:18px 0;border-bottom:1px solid #dedde3;margin:14px 0 24px}summary{cursor:pointer;font-weight:600}details form{padding-top:20px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}article{background:white;padding:14px;border:1px solid #e2e0e6;border-radius:15px}article img{width:100%;height:210px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:9px}h2{font-size:16px;margin:14px 0 5px}article p{color:#6a6874;font-size:13px;overflow-wrap:anywhere}a{color:#0755ff;font-size:13px}footer{padding:24px 6%;color:#777;font-size:12px}#status{color:#6a6874;font-size:14px}button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){main{padding-top:28px}.toolbar{align-items:start}.toolbar h1{font-size:30px}#grid{grid-template-columns:1fr 1fr;gap:10px}article img{height:160px}}