.hero-container{position:relative;width:100%;padding:40px 20px 80px;background:linear-gradient(135deg,var(--secondary-color) 0,var(--background-color) 100%);border-bottom-left-radius:40px;border-bottom-right-radius:40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:0 20px 40px -10px rgba(0,0,0,.05)}.hero-content{z-index:2;max-width:600px}.hero-greeting{font-size:1.2rem;color:var(--accent-color);font-weight:600;margin-bottom:10px;display:block}.hero-title{font-size:3rem;color:var(--primary-color);margin:0 0 15px;line-height:1.2}.hero-subtitle{font-size:1.1rem;color:var(--text-color);opacity:.8;line-height:1.6}.hero-visual{perspective:1000px;z-index:2;display:none}@media (min-width:768px){.hero-visual{display:block}}.book-3d{width:180px;height:260px;background:var(--card-bg);border-radius:4px 16px 16px 4px;box-shadow:5px 5px 15px rgba(0,0,0,.1),inset -2px 0 5px rgba(0,0,0,.05);position:relative;transform-style:preserve-3d;transform:rotateY(-15deg) rotateX(5deg);transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}.book-3d:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.2)}.book-cover-img{width:100%;height:100%;object-fit:cover;border-radius:4px 16px 16px 4px}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--secondary-color) 1px,transparent 1px);background-size:20px 20px;opacity:.5;z-index:1;pointer-events:none}.book-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);padding:1rem;border-radius:0 0 16px 4px}.book-badge{font-size:.75rem;font-weight:600;color:var(--accent-color);margin-bottom:.25rem}.book-title-overlay{font-size:.9rem;font-weight:700;line-height:1.2;color:white;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}