.custom-page{width:100%;min-height:100vh;background:linear-gradient(to bottom,#1c1f23,#111315);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:120px 20px 70px;position:relative;overflow:hidden}.custom-title{font-size:clamp(2.2rem,4vw,3.3rem);color:#fff;margin-bottom:14px;line-height:1.15}.custom-intro{max-width:820px;margin:0 auto 34px;text-align:center;font-size:1.05rem;line-height:1.8;color:#ffffffd6}.category-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px;padding:0}.nav-button{background:#ffffff0a;color:#ffffffeb;padding:11px 18px;font-size:.98rem;font-weight:700;border-radius:999px;text-decoration:none;transition:all .25s ease;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 14px #00000026;white-space:nowrap}.nav-button:hover{background:#f7c35f14;color:#f7c35f;border-color:#f7c35f38;transform:translateY(-2px)}.nav-button.active{background:#f7c35f;color:#111315;border-color:#f7c35f}.custom-container{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:20px;width:100%;max-width:1240px}.custom-card{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;box-shadow:0 10px 24px #00000038;text-align:left}.custom-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #00000057;border-color:#f7c35f2e}.custom-img-wrap{width:100%;height:240px;overflow:hidden}.custom-img{width:100%;height:100%;object-fit:cover;display:block}.custom-card-title{padding:14px 16px 16px;font-size:.96rem;text-align:center;color:#ffffffeb;font-weight:600;line-height:1.5;margin:0}.coming-soon{max-width:420px;margin:0 auto;padding:28px 22px;text-align:center;background:#ffffff0a}.coming-soon h2{color:#f7c35f;margin:0 0 12px;font-size:1.5rem}.coming-soon p{margin:0;color:#ffffffd1;line-height:1.7}.custom-bottom-text{max-width:820px;margin:52px auto 0;text-align:center}.custom-bottom-text h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:14px}.custom-bottom-text p{color:#ffffffd1;font-size:1.02rem;line-height:1.8;margin:0 0 18px}.custom-cta-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:#f7c35f;color:#111315;font-weight:700;text-decoration:none;transition:all .25s ease}.custom-cta-link:hover{background:#e6b850;transform:translateY(-2px)}@media(max-width:1100px){.custom-container{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media(max-width:900px){.custom-page{padding:108px 18px 60px}.custom-container{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:768px){.custom-page{padding:98px 16px 50px}.custom-title{font-size:2rem}.custom-intro{font-size:.98rem;line-height:1.7;margin-bottom:26px}.custom-container{grid-template-columns:1fr;gap:16px}.custom-card{max-width:100%}.custom-img-wrap{height:220px}.custom-card-title{font-size:.92rem}.category-navigation{gap:10px;margin-bottom:26px}.nav-button{width:auto;text-align:center;font-size:.95rem;padding:10px 16px}.custom-bottom-text{margin-top:40px}}@media(max-width:480px){.custom-page{padding:90px 14px 44px}.custom-title{font-size:1.8rem}.custom-intro{font-size:.94rem}.nav-button{width:100%;font-size:.9rem;padding:10px 14px}.custom-img-wrap{height:200px}.custom-card-title{font-size:.9rem;padding:12px 14px 14px}.custom-bottom-text h2{font-size:1.5rem}.custom-bottom-text p{font-size:.96rem}}