*{box-sizing:border-box}body{margin:0;background:#11120f;color:#f2e9d2;font:16px/1.6 system-ui,sans-serif}main{max-width:540px;margin:8vh auto;padding:30px;border:1px solid #957844;border-radius:18px;background:#1e1d19}.wide{max-width:1100px;margin:35px auto}h1,h2{color:#e5c477}a{color:#e5c477}label{display:block;margin:15px 0}input{display:block;width:100%;padding:13px;margin-top:5px;border:1px solid #9e8b66;border-radius:8px}button{border:0;background:#e4c477;color:#16120c;padding:12px 18px;border-radius:9px;cursor:pointer;font-weight:bold}.error{color:#ff9a9a}.row{display:flex;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.grid article{background:#292720;border-radius:10px;overflow:hidden;padding:12px}.grid img{width:100%;height:170px;object-fit:cover}.grid p{overflow-wrap:anywhere}@media(max-width:650px){main{margin:10px;padding:18px}}