.page-no-hu{width:100%;max-width:1200px;margin:0 auto;color:#333}
.page-no-hu a{text-decoration:none}
.page-no-hu__hero-section{display:flex;flex-direction:column;padding-top:0;margin-top:0;background:linear-gradient(90deg,#e6f7ff,#ffffff)}
.page-no-hu__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto}
.page-no-hu__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 20px rgba(38,169,224,0.2)}
.page-no-hu__hero-content{width:100%;max-width:1100px;text-align:center;padding:20px 20px 32px;margin:0 auto}
.page-no-hu__main-title{font-size:clamp(1.4rem, 3vw, 2.4rem);font-weight:700;line-height:1.3;color:#1376a8;margin:0 0 8px}
.page-no-hu__hero-description{max-width:850px;margin:0 auto 18px;font-size:1rem;color:#333;line-height:1.6}
.page-no-hu__hero-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.page-no-hu__btn{display:inline-block;padding:12px 28px;border-radius:50px;color:#fff;font-weight:700;border:2px solid transparent;transition:all .3s ease;text-align:center;white-space:normal;word-break:break-word}
.page-no-hu__btn--primary{background:#EA7C07;border-color:#d96e03}
.page-no-hu__btn--primary:hover{background:#cf6e05;transform:scale(1.03)}
.page-no-hu__btn--secondary{background:#26A9E0;border-color:#1f9cd2}
.page-no-hu__btn--secondary:hover{background:#1f9cd2;transform:scale(1.03)}
.page-no-hu__logo-grid-section{background:#fff;padding:32px 16px}
.page-no-hu__section-title{color:#1376a8;text-align:center;font-size:clamp(1.3rem, 2.5vw, 2rem);margin-bottom:16px}
.page-no-hu__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center;max-width:1200px;margin:0 auto;padding:16px 8px}
.page-no-hu__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;background:#f0faff;border:1px solid #d9f2fb;border-radius:12px;padding:16px;transition:all .3s ease}
.page-no-hu__logo-item:hover{transform:translateY(-4px)}
.page-no-hu__logo-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px}
.page-no-hu__game-title{font-size:1rem;margin:8px 0 4px;color:#1376a8;text-align:center}
.page-no-hu__btn--game{background:#26A9E0;color:#fff;padding:8px 24px;border:1px solid #26A9E0}
.page-no-hu__btn--game:hover{background:#1f9cd2}
.page-no-hu__guide-section{background:#f5fcff;padding:24px 0}
.page-no-hu__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}
.page-no-hu__guide-title{text-align:center;color:#1376a8;font-size:clamp(1.3rem, 2.5vw, 2rem);margin:0 0 24px}
.page-no-hu__guide-article{background:#ffffff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px rgba(38,169,224,0.1)}
.page-no-hu__guide-image{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto 20px;border-radius:8px}
.page-no-hu__guide-article h3{color:#1376a8;font-size:1.2rem;margin:0 0 12px}
.page-no-hu__guide-article p{line-height:1.8;color:#333}
.page-no-hu__link{display:inline-block;margin-top:8px;color:#26A9E0;font-weight:600}
.page-no-hu__link:hover{text-decoration:underline}
@media (max-width: 1024px){
.page-no-hu__logo-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px}
}
@media (max-width: 768px){
.page-no-hu{overflow-x:hidden;max-width:100%}
.page-no-hu__hero-section{padding-top:0}
.page-no-hu__hero-image{aspect-ratio:2/1}
.page-no-hu__hero-content{padding:12px 12px 20px}
.page-no-hu__main-title{font-size:1.2rem}
.page-no-hu__hero-description{font-size:1rem}
.page-no-hu__hero-actions{flex-direction:column;width:100%;gap:12px}
.page-no-hu__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-no-hu__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 8px;padding:12px 4px}
.page-no-hu__logo-item{padding:12px}
.page-no-hu__logo-item:nth-child(5),.page-no-hu__logo-item:nth-child(6){grid-column:auto}
.page-no-hu__section-title{font-size:1.1rem}
.page-no-hu__guide-title{font-size:1.2rem}
.page-no-hu__guide-article{padding:16px}
.page-no-hu img{max-width:100% !important;height:auto !important}
}