*{box-sizing:border-box}body{color:#1f2937;background:#eef1f5;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.header{max-width:1100px;margin:0 auto;padding:32px 20px 16px}.header h1{margin:0 0 8px;font-size:36px}.header p{color:#6b7280;margin:0}.layout{max-width:1100px;margin:0 auto;padding:20px}.search-section,.results-section{background:#eef1f5;border:1px solid #d6dbe3;border-radius:24px;box-shadow:10px 10px 24px #0f172a1f,-10px -10px 24px #ffffffe6}.search-section{margin-bottom:24px;padding:22px}.results-section{min-height:420px;padding:24px}.search-form{gap:16px;display:flex}.search-form input{color:#1f2937;background:#eef1f5;border:1px solid #d1d7e0;border-radius:16px;outline:none;width:100%;padding:14px 18px;box-shadow:inset 6px 6px 12px #0f172a24,inset -6px -6px 12px #ffffffe6}.search-form input::placeholder{color:#8b95a1}.search-form input:focus{border-color:#93b4f5;box-shadow:inset 7px 7px 14px #0f172a29,inset -7px -7px 14px #fffffff2,0 0 0 3px #2563eb24}.search-form button,.error-test-button,.error-boundary button{color:#fff;background:#2563eb;border:1px solid #ffffffb3;border-radius:16px;padding:14px 22px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:6px 6px 14px #0f172a38,-4px -4px 12px #fffc,inset 2px 2px 4px #ffffff59,inset -3px -3px 6px #0f172a38}.search-form button:hover,.error-test-button:hover,.error-boundary button:hover{transform:translateY(-1px);box-shadow:8px 8px 18px #0f172a3d,-5px -5px 14px #ffffffd9,inset 2px 2px 4px #ffffff61,inset -3px -3px 6px #0f172a3d}.search-form button:active,.error-test-button:active,.error-boundary button:active{transform:translateY(1px);box-shadow:3px 3px 8px #0f172a33,-2px -2px 8px #ffffffbf,inset 4px 4px 8px #0f172a3d,inset -3px -3px 6px #ffffff3d}.results-section h2{margin-top:0}.card-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.card{background:#eef1f5;border:1px solid #d1d7e0;border-radius:20px;overflow:hidden;box-shadow:inset 7px 7px 14px #0f172a21,inset -7px -7px 14px #ffffffeb}.card:hover{box-shadow:inset 9px 9px 18px #0f172a29,inset -9px -9px 18px #fffffff5}.card__image{object-fit:cover;width:100%;height:180px;display:block}.card__content{padding:18px}.card h3{margin:0 0 8px;font-size:20px}.card p{color:#4b5563;margin:0;line-height:1.5}.message{text-align:center;color:#6b7280;padding:40px 20px}.error-message{color:#b91c1c}.loader-wrapper{color:#4b5563;justify-content:center;align-items:center;gap:14px;min-height:260px;display:flex}.loader{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.error-test-button{background:#dc2626;margin:24px 0 0 auto;display:block}.error-boundary{text-align:center;background:#fff1f2;border:1px solid #f5c2c7;border-radius:24px;max-width:700px;margin:80px auto;padding:32px;box-shadow:10px 10px 24px #7f1d1d24,-10px -10px 24px #ffffffe6}.error-boundary h2{color:#991b1b;margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.search-form{flex-direction:column}.header h1{font-size:28px}}