.page-login{color:#FFF3E6; background-color:#0D0E12;}
.page-login__hero-section{max-width:1020px; margin:0 auto; padding:10px 16px 0; width:100%; box-sizing:border-box;}
.page-login__hero-image-wrap{max-width:100%; box-sizing:border-box;}
.page-login__hero-image{width:1020px; height:300px; max-width:100%; aspect-ratio:auto; object-fit:cover; display:block; border-radius:8px; border:1px solid #A84F0C;}
.page-login__hero-content{background:transparent; padding:16px 0 8px; text-align:left;}
.page-login__main-title{font-weight:700; line-height:1.3; margin:0 0 8px; max-width:600px;}
.page-login__intro-text{font-size:14px; line-height:1.6; margin-bottom:16px; color:#FFF3E6; max-width:600px;}
.page-login__action-group{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-start; width:100%; max-width:100%; box-sizing:border-box; padding:4px 0 8px;}
.page-login__btn{display:inline-block; padding:12px 28px; color:#FFF; text-decoration:none; border-radius:8px; font-weight:700; border:none; min-width:160px; text-align:center; box-sizing:border-box; background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%); border:1px solid #A84F0C; box-shadow:0 0 12px rgba(255,176,77,0.4);}
.page-login__btn--primary{background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color:#FFF;}
.page-login__btn--secondary{background:transparent; color:#FFB04D; border:1px solid #FFA53A;}
.page-login__btn:hover{opacity:0.9;}
.page-login__logo-section{max-width:1200px; margin:16px auto; padding:0 16px;}
.page-login__section-title{text-align:center; font-size:1.2rem; font-weight:normal; border-bottom:1px solid #A84F0C; padding-bottom:8px;}
.page-login__logo-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px 16px; justify-items:center; max-width:1200px; margin:16px auto;}
.page-login__logo-item{display:flex; flex-direction:column; align-items:center; gap:12px; max-width:280px; width:100%;}
.page-login__logo-image{width:100%; max-width:200px; aspect-ratio:2/1; object-fit:contain; border-radius:6px; height: auto;}
.page-login__logo-cta{padding:10px 22px; border-radius:999px; background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color:#FFF; font-weight:700; text-decoration:none; border:1px solid #FFB04D; width:auto; max-width:100%; box-sizing:border-box; text-align:center;}
.page-login__logo-cta:hover{opacity:0.9;}
.page-login__logo-item:nth-child(5){grid-column:2;}
.page-login__logo-item:nth-child(6){grid-column:3;}
.page-login__guide-inner{max-width:1020px; margin:0 auto; padding:16px 16px 48px; box-sizing:border-box;}
.page-login__guide-inner h2{color:#FFB04D; font-size:1.2rem; border-bottom:1px solid #FF8C1A; padding-bottom:8px;}
.page-login__guide-inner h3{color:#FF8C1A; font-size:0.95rem; margin-top:16px;}
.page-login__guide-inner p{font-size:0.9rem; line-height:1.7; color:#FFF3E6;}
.page-login__guide-inner a{color:#FFA53A; text-decoration:underline; word-break:break-word;}
.page-login__guide-inner a:hover{color:#D96800;}
@media (max-width: 1024px){
  .page-login__hero-section{max-width:100%;}
}
@media (max-width:768px){
  .page-login__hero-section{padding-top:0; margin-top:0;}
  .page-login__hero-image{aspect-ratio:2/1; height:auto; max-height:300px;}
  .page-login__logo-grid{grid-template-columns:repeat(2,1fr); gap:16px;}
  .page-login__logo-item:nth-child(5),.page-login__logo-item:nth-child(6){grid-column:auto;}
  .page-login__hero-content, .page-login__action-group, .page-login__logo-section, .page-login__guide-inner{width:100%;}
  .page-login img{max-width:100% !important; height:auto !important;}
  .page-login__btn{max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; width:100%;}
  .page-login__action-group{flex-direction:column; align-items:stretch; overflow:hidden;}
}