:root{color-scheme:light;--bg:#f3f5f7;--fg:#18212f;--card:#fff;--line:#dce2e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 Arial,sans-serif}body.dark{color-scheme:dark;--bg:#111827;--fg:#eef2f7;--card:#1b2535;--line:#374151}main{max-width:1320px;margin:auto;padding:48px 24px}small{letter-spacing:.16em;font-size:12px}h1{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:12px 0}header>p{max-width:720px}nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}input,button,nav a{border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);padding:12px 16px;font:inherit}input{min-width:260px;flex:1}button,a{cursor:pointer}a{color:inherit}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}article{padding:22px 12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center;min-width:0}article[hidden]{display:none}.logo{display:block;width:120px;height:120px;margin:0 auto 16px;background:#fff;border-radius:8px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}strong{font-size:17px;letter-spacing:.02em}article p{font-size:13px;line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}footer{font-size:13px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:480px){main{padding:28px 14px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo{width:100px;height:100px}article{padding:18px 8px}nav a,button{font-size:13px}input{min-width:100%;width:100%}}