.page-no-hu{color:var(--text-main, #FFF3E6);}

.page-no-hu__hero-section{padding-top:10px;padding-bottom:24px;}

.page-no-hu__hero-image{max-width:1200px;margin:0 auto;padding:0 16px;}

.page-no-hu__hero-image--img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:0 4px 24px rgba(255,176,77,0.15);display:block;}

.page-no-hu__hero-content{max-width:1200px;margin:0 auto;padding:16px;text-align:center;}

.page-no-hu__hero-title{color:var(--text-main, #FFF3E6);font-weight:800;line-height:1.3;letter-spacing:-0.02em;max-width:900px;margin:0 auto 12px auto;}

.page-no-hu__hero-desc{color:var(--text-main, #FFF3E6);opacity:0.85;line-height:1.6;max-width:800px;margin:0 auto 24px auto;}

.page-no-hu__hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

.page-no-hu__btn{display:inline-block;padding:14px 32px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform 0.2s ease, box-shadow 0.2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}

.page-no-hu__btn--primary{background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#0D0E12;border:1px solid #FFB04D;box-shadow:0 4px 12px rgba(255,176,77,0.2);}

.page-no-hu__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,176,77,0.3);}

.page-no-hu__logo-section{padding:48px 16px;max-width:1200px;margin:0 auto;}

.page-no-hu__logo-title{text-align:center;font-weight:800;color:var(--text-main, #FFF3E6);margin-bottom:8px;}

.page-no-hu__logo-desc{text-align:center;opacity:0.8;max-width:650px;margin:0 auto 32px auto;}

.page-no-hu__logo-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto;}

.page-no-hu__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:16px;box-sizing:border-box;}

.page-no-hu__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;background:#1E2026;border-radius:6px;}

.page-no-hu__logo-cta{padding:10px 22px;border-radius:999px;background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#0D0E12;font-weight:700;text-decoration:none;font-size:14px;transition:transform 0.2s;margin-top:auto;}

.page-no-hu__logo-cta:hover{transform:translateY(-2px);}

.page-no-hu__logo-item:nth-child(5){grid-column:2;}

.page-no-hu__logo-item:nth-child(6){grid-column:3;}

.page-no-hu__guide-section{padding-bottom:64px;}

.page-no-hu__guide-inner{max-width:1000px;margin:0 auto;padding:16px;}

.page-no-hu__guide-title{color:var(--text-main, #FFF3E6);font-weight:800;margin-bottom:8px;}

.page-no-hu__guide-desc{opacity:0.85;line-height:1.7;margin-bottom:24px;}

.page-no-hu__guide-content,.page-no-hu__guide-tips{background:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:24px;margin-bottom:24px;}

.page-no-hu__guide-content h3{color:#D96800;margin-bottom:12px;}

.page-no-hu__guide-content p{color:var(--text-main, #FFF3E6);margin-bottom:16px;}

.page-no-hu__guide-tips ul{list-style:none;padding:0;margin:12px 0 0 0;}

.page-no-hu__guide-tips li{padding:8px 0;padding-left:24px;position:relative;color:var(--text-main, #FFF3E6);}

.page-no-hu__guide-tips li:before{content:"▶";position:absolute;left:0;color:#FFA53A;font-size:14px;}

.page-no-hu__guide-figure{margin-top:16px;}

.page-no-hu__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin-top:8px;}

.page-no-hu__guide-link{display:inline-block;margin-top:12px;color:#FFA53A;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(255,165,58,0.3);padding-bottom:2px;transition:color 0.2s, border-color 0.2s;}

.page-no-hu__guide-link:hover{color:var(--text-main, #FFF3E6);border-color:var(--text-main, #FFF3E6);}

@media (max-width: 1024px){
  .page-no-hu__logo-grid{grid-template-columns:repeat(2, 1fr);}
  .page-no-hu__logo-item:nth-child(5),.page-no-hu__logo-item:nth-child(6){grid-column:auto;}
}

@media (max-width: 768px){
  .page-no-hu__hero-section{padding-top:8px;padding-bottom:16px;}
  .page-no-hu__hero-image--img{aspect-ratio:16/9;max-height:320px;}
  .page-no-hu__hero-actions{flex-direction:column;align-items:center;gap:12px;}
  .page-no-hu__btn{width:100%;max-width:100%;text-align:center;font-size:15px;}
  .page-no-hu__logo-grid{grid-template-columns:repeat(2, 1fr);gap:12px;}
  .page-no-hu__logo-item:nth-child(5),.page-no-hu__logo-item:nth-child(6){grid-column:auto;max-width:100%;}
  .page-no-hu__logo-image{max-width:160px;}
  .page-no-hu__guide-inner{padding:12px;}
  .page-no-hu__guide-content,.page-no-hu__guide-tips{padding:16px;}
  .page-no-hu__guide-figure{width:100%;}
  .page-no-hu img{max-width:100% !important;height:auto !important;}
}