.page-login {padding-top: 8px;}
.page-login__hero-section {display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto 40px;}
.page-login__hero-image-wrapper {width: 100%; max-width: 1200px;}
.page-login__hero-image {display: block; width: 100%; height: auto; aspect-ratio: 17/5; object-fit: cover; border-radius: 12px;}
.page-login__hero-content {width: 100%; max-width: 900px; text-align: center; margin-top: 24px;}
.page-login__hero-title {font-weight: 800; line-height: 1.25; color: #FFF6D6; letter-spacing: 0.5px; max-width: 720px; margin: 0 auto 12px;}
.page-login__hero-subtitle {color: #FFF6D6; font-size: 1.05rem; line-height: 1.6; max-width: 720px; margin: 0 auto 24px;}
.page-login__hero-actions {display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;}
.page-login__btn {padding: 14px 28px; border-radius: 50px; font-weight: 700; text-decoration: none; box-sizing: border-box; min-width: 180px; text-align: center; display: inline-block; font-size: 1rem;}
.page-login__btn--primary {background: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%); color: #0A0A0A;}
.page-login__btn--secondary {background: #111111; color: #FFF6D6; border: 1px solid #3A2A12;}
.page-login__guide-section {background: #0A0A0A; padding: 20px 16px 60px;}
.page-login__guide-inner {max-width: 1000px; margin: 0 auto;}
.page-login__guide-title {text-align: center; color: #FFF6D6; margin-bottom: 24px;}
.page-login__guide-item {background: #111111; border: 1px solid #3A2A12; border-radius: 12px; padding: 24px; margin-bottom: 20px;}
.page-login__guide-heading {color: #FFF6D6; margin-bottom: 10px;}
.page-login__guide-text {color: #FFF6D6; line-height: 1.7;}
.page-login__guide-figure {margin: 16px 0 0;}
.page-login__guide-image {display: block; width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; border-radius: 8px;}
.page-login__guide-note {background: #111111; border: 1px solid #3A2A12; border-radius: 12px; padding: 24px; margin-top: 24px;}
.page-login__guide-note-title {color: #FFF6D6; margin-bottom: 12px;}
.page-login__guide-note-list {padding-left: 20px; color: #FFF6D6; line-height: 1.8;}
.page-login__guide-note-item a {color: #FFD36B; text-decoration: none;}
@media (max-width: 768px) {
.page-login {padding-top: 8px;}
.page-login__hero-section {padding: 0 12px;}
.page-login__hero-image {aspect-ratio: 2/1; border-radius: 8px;}
.page-login__hero-content {margin-top: 16px;}
.page-login__hero-actions {flex-direction: column; width: 100%; max-width: 100%;}
.page-login__btn {width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;}
.page-login__guide-inner {padding: 0;}
.page-login__guide-item {padding: 16px;}
.page-login__guide-note {padding: 16px;}
.page-login img {max-width: 100% !important; height: auto !important;}
}