.page-login{color:#333333;background:#FFFFFF;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.page-login__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:8px;padding-bottom:0;background:linear-gradient(135deg,#e0f7fa 0%,#FFFFFF 100%)}.page-login__hero-media{width:100%;max-width:1400px;padding:0 16px}.page-login__hero-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15)}.page-login__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:900px;padding:24px 20px 36px}.page-login__main-title{color:#0477db;font-weight:800;line-height:1.25;letter-spacing:-0.02em;max-width:900px;margin:0 0 16px;text-wrap:balance}.page-login__hero-description{color:#444444;font-size:1.1rem;line-height:1.7;max-width:750px;margin:0 auto 28px}.page-login__cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__cta-btn{display:inline-block;padding:14px 36px;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:transform 0.25s ease,box-shadow 0.25s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__cta-btn--login{background:#EA7C07;color:#FFFFFF;box-shadow:0 4px 12px rgba(234,124,7,0.3)}.page-login__cta-btn--login:hover{background:#d47206;transform:translateY(-2px);box-shadow:0 6px 16px rgba(234,124,7,0.4)}.page-login__cta-btn--register{background:#26A9E0;color:#FFFFFF;box-shadow:0 4px 12px rgba(38,169,224,0.3)}.page-login__cta-btn--register:hover{background:#1b95c7;transform:translateY(-2px);box-shadow:0 6px 16px rgba(38,169,224,0.4)}.page-login__feature-section,.page-login__benefit-section{max-width:1200px;margin:0 auto;padding:56px 20px}.page-login__guide-section{max-width:1000px;margin:0 auto;padding:56px 20px}.page-login__section-title{color:#0477db;font-size:2rem;font-weight:800;text-align:center;margin-bottom:16px}.page-login__section-intro{color:#444444;font-size:1.1rem;text-align:center;max-width:850px;margin:0 auto 44px;line-height:1.7}.page-login__feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px;justify-items:center}.page-login__feature-card{background:#FFFFFF;border:1px solid #e3f2fd;border-radius:16px;padding:32px 24px;box-shadow:0 4px 16px rgba(38,169,224,0.08);transition:transform 0.3s ease;width:100%;box-sizing:border-box}.page-login__feature-card:hover{transform:translateY(-6px)}.page-login__feature-title{color:#0477db;font-size:1.3rem;font-weight:700;margin-bottom:12px}.page-login__feature-text{color:#333333;font-size:1rem;line-height:1.65;margin:0}.page-login__guide-list{padding-left:0;list-style:none;counter-reset:guide-counter;margin-bottom:32px}.page-login__guide-item{counter-increment:guide-counter;position:relative;padding-left:52px;padding-top:8px;padding-bottom:16px;color:#333333;line-height:1.8;font-size:1.05rem}.page-login__guide-item::before{content:counter(guide-counter);position:absolute;left:0;top:8px;width:36px;height:36px;background-color:#26A9E0;color:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.page-login__guide-item strong{color:#0477db;font-weight:700}.page-login__guide-note{background:#fff8e1;border-left:4px solid #EA7C07;border-radius:0 8px 8px 0;padding:20px 24px;margin:24px 0}.page-login__guide-note-title{color:#b85e04;font-weight:700;margin-bottom:8px;font-size:1.05rem}.page-login__guide-note-text{color:#5d4037;line-height:1.7;margin:0}.page-login__faq-item{background:#FFFFFF;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:box-shadow 0.3s ease}.page-login__faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.06)}.page-login__faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;font-size:1.15rem;font-weight:700;color:#0477db;list-style:none}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-question::after{content:'+';font-size:1.6rem;flex-shrink:0;color:#EA7C07;transition:transform 0.3s ease;line-height:1}.page-login__faq-item details[open] .page-login__faq-question::after{transform:rotate(45deg)}.page-login__faq-answer{padding:0 24px 20px;color:#333333;line-height:1.75}.page-login__faq-answer p{margin:0}.page-login__cta-section{background:linear-gradient(135deg,#26A9E0 0%,#0477db 100%);padding:64px 20px;margin-top:32px}.page-login__cta-title{color:#FFFFFF;font-size:2rem;font-weight:800;text-align:center;margin-bottom:16px}.page-login__cta-description{color:#f0f8ff;font-size:1.1rem;line-height:1.7;text-align:center;max-width:850px;margin:0 auto 32px}@media (max-width: 768px){.page-login__hero-section{padding-top:8px}.page-login__hero-image{aspect-ratio:16/9;width:100%}.page-login__hero-content{padding:18px 16px 28px}.page-login__cta-btn{padding:12px 24px;font-size:1rem;max-width:100%;width:100%;box-sizing:border-box}.page-login__cta-group{flex-direction:column;align-items:center}.page-login__section-title{font-size:1.5rem}.page-login__section-intro{font-size:1rem;padding:0 16px}.page-login__feature-grid{grid-template-columns:1fr;gap:16px 0}.page-login__feature-card{padding:24px 20px}.page-login img{max-width:100% !important;height:auto !important}.page-login{max-width:100%;overflow-x:hidden}.page-login__cta-section{padding:50px 20px}.page-login__cta-title{font-size:1.6rem}.page-login__cta-description{font-size:1rem}}