.Home{background:linear-gradient(135deg,#ff2d95,#ff5fa6,#ff7e80,#ffba7d);color:#fff;min-height:100vh;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.page-container{flex:1;padding:20px;display:flex;flex-direction:column}.nav-banner-container{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;overflow:hidden;height:30px;top:125px}@keyframes slideLoop{0%{transform:translateX(100%)}10%{transform:translateX(0)}90%{transform:translateX(0)}to{transform:translateX(-100%)}}.nav-banner{color:#fff;font-weight:700;font-size:14px;white-space:nowrap;animation:slideLoop 6s ease-in-out infinite;padding:5px 20px;text-shadow:0 0 3px #000}.intro-phrase{font-size:1.1rem;color:#ff2d95;background:#fff0f6;border-radius:12px;padding:20px;margin:20px 0 40px;text-align:center;line-height:1.6;box-shadow:0 4px 10px rgba(255,45,149,.1)}.category-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0}.category-nav-btn{background:#fff;color:#b13583;border:2px solid #b13583;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.category-nav-btn:hover{background:#b13583;color:#fff}@media (min-width:768px) and (max-width:1023px){.page-container{padding:30px 40px}.nav-banner-container{top:100px}.nav-banner{font-size:12px;padding:4px 12px}.nav-banner-container{top:125px}}@media (max-width:767px){.nav-banner{font-size:12px;padding:4px 12px}.nav-banner-container{top:195px}}