*{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}.navigation{gap:16px;margin-top:18px;display:flex}.navigation a{color:#2563eb;font-weight:700;text-decoration:none}.navigation a:hover{text-decoration:underline}.navigation a.active{color:#1e40af}.layout{max-width:1100px;margin:0 auto;padding:20px}.split-view{max-width:1400px;margin:0 auto}.split-view--open{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;padding-right:20px;display:grid}.master-panel .layout{max-width:none}.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-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-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-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}.pagination{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.pagination button{color:#1f2937;background:#eef1f5;border:1px solid #d1d7e0;border-radius:12px;min-width:42px;padding:10px 14px}.pagination button.active{color:#fff;background:#2563eb}.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__link{color:inherit;text-decoration:none;display:block}.details-panel{background:#eef1f5;border:1px solid #d6dbe3;border-radius:24px;margin-top:20px;padding:22px;position:sticky;top:20px;box-shadow:10px 10px 24px #0f172a1f,-10px -10px 24px #ffffffe6}.details-panel__close{color:#1f2937;background:#eef1f5;border:1px solid #d1d7e0;border-radius:999px;width:36px;height:36px;margin-left:auto;display:block}.details-panel__image{border-radius:18px;width:100%;margin-top:16px;display:block}.details-panel h2{margin:20px 0 14px}.details-panel__list{gap:12px;margin:0;display:grid}.details-panel__list div{gap:4px;display:grid}.details-panel__list dt{color:#6b7280}.details-panel__list dd{margin:0;font-weight:700}.page{max-width:1100px;margin:0 auto;padding:20px}.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-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}.split-view--open{padding-right:0;display:block}.details-panel{margin:0 20px 20px;position:static}}