.home-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.home-header{margin-bottom:3rem;color:white}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-content>div:first-child{flex:1;text-align:center}.user-menu{flex-shrink:0}.user-menu-button{min-width:120px}.home-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.home-subtitle{font-size:1.125rem;opacity:1;max-width:600px;line-height:1.6}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;width:100%;margin-bottom:3rem;-webkit-overflow-scrolling:touch}.page-card{transition:transform .2s ease,box-shadow .2s ease;background:#ffffff;backdrop-filter:blur(10px);border:1px solid #e5e7eb}.page-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.home-footer{margin-top:auto;text-align:center;color:white;opacity:1}.footer-text{font-size:.875rem;max-width:600px;line-height:1.5}@media (max-width:768px){.home-page{padding:1rem}.header-content{flex-direction:column;align-items:center;gap:1rem}.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.pages-grid{grid-template-columns:1fr;gap:1.5rem}.user-menu-button{min-width:100px}}@media (max-width:640px){.home-title{font-size:1.75rem}.pages-grid{gap:1rem}}