.home-container{width:100%;overflow-x:hidden}.banner-overlay{text-align:left;align-items:flex-start;display:flex;position:absolute;inset:0}.triangle-left{clip-path:polygon(0% 0%,0% 100%,100% 100%);z-index:0;background-color:#94e0b2;width:100%;height:170px}.triangle-right{clip-path:polygon(100% 0%,0% 100%,100% 100%);z-index:0;background-color:#6ea684;width:100%;height:130px}.banner-content{width:100%;padding:0 24px}@media (max-width:768px){.banner-title,.banner-sub-title{justify-content:center}}.banner-title{font-size:clamp(3.8rem,4vw,1.4rem);font-weight:700;line-height:1}.banner-sub-title{font-size:clamp(1.2rem,4vw,1.4rem);font-weight:700;line-height:1}.banner-description{display:none}@media (min-width:768px){.banner-description{color:#fff;max-width:clamp(40rem,60vw,48rem);margin:clamp(1.5rem,3vh,2rem) clamp(2rem,8vw,6rem) 0 clamp(4rem,12vw,12rem);font-size:clamp(1rem,2vw,1.25rem);line-height:1.75rem;display:block}.banner-title,.banner-sub-title{font-size:clamp(3.75rem,6vw,4.5rem)}}.search-section{flex-direction:column;gap:1rem;width:100%;display:flex}@media (min-width:768px){.search-section{flex-direction:row;justify-content:space-between;gap:2rem}}.search-container{border-radius:.5rem;flex-grow:1;gap:1.5rem;display:flex}@media (min-width:768px){.search-container{margin-right:0}}.search-input{background-color:inherit;flex-grow:1;font-size:1.125rem}.search-input:focus{ring:2px;ring-color:#d4a373;outline:none}.add-book-button{color:#fff;white-space:nowrap;background-color:#ffc33d;border-radius:.375rem;justify-content:center;width:100%;padding:.75rem 2rem;font-size:1.125rem;font-weight:500}@media (min-width:768px){.add-book-button{width:auto}}.add-book-button:hover{background-color:#c4946a}.add-book-button-icon{display:inline}@media (max-width:768px){.add-book-button-text{font-size:.8rem}}.main-content{padding:2rem clamp(1rem,5vw,8rem)}@media (max-width:640px){.main-content{padding:2rem clamp(.5rem,3vw,2rem)}}@media (min-width:641px) and (max-width:1024px){.main-content{padding:3rem clamp(2rem,6vw,6rem)}}@media (min-width:1025px){.main-content{padding:3rem clamp(2rem,12vw,16rem)}}.search-results{min-height:200px;margin-top:2rem}.loading-container{background-color:#fafafa;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.loading-text{color:#4b5563;font-size:1.5rem}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-book-card{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}