.page-login{display:flex;flex-direction:column;gap:32px;background:var(--page-bg);color:#333333}.page-login__hero-section{position:relative;width:100%;max-width:1600px;margin:0 auto;padding:10px 16px 0;box-sizing:border-box}.page-login__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-login__guide-section{max-width:1200px;width:100%;margin:0 auto;padding:24px 16px}.page-login__guide-inner{background:#111111;border-radius:16px;padding:24px;border:1px solid #3A2A12;text-align:center}.page-login__guide-title{color:#FFF6D6;font-weight:800;line-height:1.3;letter-spacing:0.02em;margin:0 0 16px;max-width:800px;margin-left:auto;margin-right:auto;font-size:clamp(1.2rem, 2vw, 1.6rem)}.page-login__guide-inner p{color:#D0DDE7;max-width:800px;margin:0 auto 16px;line-height:1.6}.page-login__guide-inner ul{color:#D0DDE7;text-align:left;max-width:600px;margin:0 auto 24px;line-height:1.8;padding-left:20px}.page-login__guide-inner li::marker{color:#F2C14E}.page-login__guide-cta{display:inline-block;padding:12px 32px;border-radius:999px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;font-weight:700;text-decoration:none;font-size:1rem;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-login__guide-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,211,107,0.3)}.page-login__support-section{max-width:1200px;width:100%;margin:0 auto;padding:24px 16px}.page-login__support-inner{background:#111111;border-radius:16px;padding:24px;border:1px solid #3A2A12;text-align:center}.page-login__support-inner h2{color:#FFF6D6;font-weight:800;line-height:1.3;letter-spacing:0.02em;margin:0 0 16px;max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem, 1.8vw, 1.4rem)}.page-login__support-inner p{color:#D0DDE7;max-width:700px;margin:0 auto 16px;line-height:1.6}.page-login__support-link{display:inline-block;padding:12px 32px;border-radius:999px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;font-weight:700;text-decoration:none;font-size:1rem;transition:opacity 0.2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__support-link:hover{opacity:0.9}.page-login__guide-inner p a,.page-login__support-inner p a{color:#F2C14E;text-decoration:underline;word-break:break-word}.page-login__guide-inner p a:hover,.page-login__support-inner p a:hover{color:#FFD36B}.page-login__guide-inner .page-login__guide-cta a:hover{opacity:0.9}.page-login__guide-section a,.page-login__support-section a{max-width:100%!important;box-sizing:border-box!important;display:inline-block}.page-login{color:#333333}@media (max-width:1440px){.page-login__hero-image{aspect-ratio:17/6}}@media (max-width:1024px){.page-login__hero-section,.page-login__guide-section,.page-login__support-section{padding-left:20px;padding-right:20px}.page-login__guide-inner,.page-login__support-inner{padding:24px}}@media (max-width:768px){.page-login__hero-section{padding:0 16px 0}.page-login__hero-image{aspect-ratio:16/9}.page-login__guide-section,.page-login__support-section{padding-left:16px;padding-right:16px}.page-login__guide-inner,.page-login__support-inner{padding:20px 12px}.page-login__guide-inner ul{padding-left:14px}.page-login__guide-inner p{font-size:0.95rem}.page-login__support-inner p{font-size:0.95rem}.page-login img{max-width:100%!important;height:auto!important}.page-login__guide-cta,.page-login__support-link{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:0.95rem}}@media (max-width:480px){.page-login__hero-image{aspect-ratio:5/4}.page-login__guide-title,.page-login__support-inner h2{font-size:1.3rem}.page-login__guide-inner,.page-login__support-inner{padding:16px 12px}.page-login__guide-inner ul{font-size:0.9rem}.page-login__guide-inner p,.page-login__support-inner p{font-size:0.85rem}}