.app-container{max-width:1280px;margin:0 auto;padding:20px 20px 64px}.heroPanel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:28px;gap:28px;align-items:center;margin-bottom:30px;padding:32px;border:1px solid #ebbab6;border-radius:32px;background:#fffdfd;box-shadow:0 22px 48px rgba(91,34,41,.08);overflow:hidden}.heroPanel:before{content:"";position:absolute;top:-72px;right:-56px;width:220px;height:220px;border-radius:999px;background:hsla(4,63%,95%,.92)}.heroCopy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;padding:8px 14px;margin-bottom:18px;border-radius:999px;background:#faeae9;color:#832e35;font-size:.88rem;font-weight:700;letter-spacing:.03em}.heroCopy h1{margin:0 0 18px;max-width:12ch;font-size:clamp(3rem,6vw,5rem);line-height:.98;color:#3e1317}.description{max-width:640px;font-size:1.08rem;margin-bottom:1.5rem;color:#6b5a5f;line-height:1.7}.heroActions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.primaryLink{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:18px;border:solid #9c343a;border-width:1px 1px 3px;background:#832e35;color:#fcf5f4!important;font-weight:700;text-decoration:none;transition:transform .12s ease,border-bottom-width .12s ease,box-shadow .12s ease}.secondaryNote{color:#9c343a;font-weight:600}.secondaryLink{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:18px;border:solid #d06463;border-width:1px 1px 3px;background:#faeae9;color:#5b2229!important;font-weight:700;text-decoration:none;transition:transform .12s ease,border-bottom-width .12s ease,box-shadow .12s ease}.primaryLink:hover,.secondaryLink:hover{transform:translateY(1px)}.primaryLink:active,.secondaryLink:active{transform:translateY(3px);border-bottom-width:1px}.heroArt{position:relative;display:grid;place-items:center;min-height:360px;z-index:1}.searchSection{margin-top:24px}.searchCard{padding:30px;border:1px solid #ebbab6;border-radius:28px;background:#fff;box-shadow:0 18px 38px rgba(91,34,41,.06)}.searchHeader{margin-bottom:20px}.searchHeader h2{margin:0 0 8px;font-size:1.8rem;color:#3e1317}.searchHeader p{margin:0;color:#6b5a5f}.searchNote{margin-top:8px!important;color:#9c343a!important;font-weight:600}.searchForm{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;margin-bottom:20px}.searchForm input{margin:0;padding:16px 18px;border-radius:18px;border:1px solid #e0908c;background:#fff;color:#3e1317;font-weight:700;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.searchForm input:focus{border-color:#ba4448;box-shadow:0 0 0 4px hsla(4,57%,90%,.85)}.searchForm button{margin:0;min-height:56px;padding:0 22px;border:solid #9c343a;border-width:1px 1px 3px;border-radius:18px;background:#832e35;color:#fcf5f4;font-weight:700;cursor:pointer}.searchForm button:disabled{cursor:wait;opacity:.75}.searchState{margin:0 0 16px;color:#6b5a5f}.searchState.error{color:#ba4448}.searchResults{display:flex;flex-direction:column;border-top:1px solid #faeae9}.searchResultCard{display:block;padding:20px 4px;border-bottom:1px solid #faeae9;background:transparent;transition:transform .2s ease,opacity .2s ease,padding-left .2s ease}.searchResultCard:hover{transform:translateX(4px);opacity:.92;padding-left:10px}.searchResultMeta{margin-bottom:6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9c343a}.searchResultCard h3{margin:0 0 8px;color:#3e1317;font-size:1.22rem}.searchResultCard p{margin:0;color:#6b5a5f}.stats{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.stat-box{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:20px;width:150px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-box h2{font-size:2rem;margin-bottom:.5rem;color:#333}.stat-box p{font-size:1rem;color:#666}@media (max-width:700px){.app-container{padding:24px 12px 40px}.heroPanel{grid-template-columns:1fr;padding:22px;border-radius:26px}.heroPanel:before{width:160px;height:160px;top:-50px;right:-40px}.heroCopy h1{max-width:none}.heroArt{min-height:280px}.searchCard{padding:20px}.searchForm{grid-template-columns:1fr}}