.page-login{color:#333333;background-color:#F5F7FA;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}.page-login__hero-banner{background:#FFFFFF;padding:10px 0 0 0;margin:0 auto}.page-login__hero-image-block{margin:0 auto;max-width:1200px;padding:0 16px}.page-login__hero-image{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.page-login__hero-content{margin:0 auto;max-width:1200px;padding:16px 16px 32px;text-align:center}.page-login__hero-title{color:#E53935;font-weight:800;font-size:clamp(1.8rem,4.5vw,2.5rem);line-height:1.3;letter-spacing:0.5px;max-width:800px;margin:0 auto 12px}.page-login__hero-desc{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;max-width:750px;margin:0 auto 24px}.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.page-login__btn-primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;padding:14px 36px;border-radius:50px;font-weight:700;text-decoration:none;font-size:1.1rem;display:inline-block;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 16px rgba(229,57,53,0.3)}.page-login__btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(229,57,53,0.45)}.page-login__btn-secondary{background:#FFFFFF;color:#333333;padding:13px 34px;border-radius:50px;font-weight:700;text-decoration:none;font-size:1.1rem;border:2px solid #E53935;display:inline-block;transition:background 0.2s,color 0.2s}.page-login__btn-secondary:hover{background:#FCE4E4}.page-login__login-section{padding:32px 16px}.page-login__login-card{max-width:480px;margin:0 auto;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.08);padding:40px 36px}.page-login__login-header{text-align:center;margin-bottom:24px}.page-login__login-title{color:#E53935;font-size:1.6rem;font-weight:800;margin:0 0 8px}.page-login__login-subtitle{font-size:1rem;color:#777777;margin:0}.page-login__form-group{margin-bottom:20px}.page-login__form-label{display:block;font-weight:600;margin-bottom:8px;font-size:0.95rem}.page-login__form-label-row{display:flex;justify-content:space-between;align-items:center}.page-login__forgot-link{color:#E53935;font-size:0.85rem;text-decoration:none}.page-login__form-input{width:100%;padding:14px 16px;border:1px solid #E0E0E0;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color 0.3s}.page-login__form-input:focus{outline:none;border-color:#FF5A4F;box-shadow:0 0 0 3px rgba(255,90,79,0.2)}.page-login__password-wrap{position:relative}.page-login__password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px}.page-login__btn-login{width:100%;padding:14px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:8px;transition:opacity 0.2s,transform 0.2s}.page-login__btn-login:hover{opacity:0.85}.page-login__login-note{text-align:center;margin:16px 0 0;color:#777777;font-size:0.95rem}.page-login__register-link{color:#E53935;font-weight:600;text-decoration:underline}.page-login__benefit-section{padding:16px 16px 48px}.page-login__benefit-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__benefit-card{background:#FFFFFF;border-radius:16px;padding:28px 24px;box-shadow:0 4px 16px rgba(0,0,0,0.06);transition:transform 0.25s,box-shadow 0.25s}.page-login__benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.1)}.page-login__benefit-icon{font-size:2.6rem;margin-bottom:12px}.page-login__benefit-title{color:#333333;font-size:1.25rem;font-weight:700;margin:0 0 10px}.page-login__benefit-desc{color:#555555;font-size:0.95rem;line-height:1.6;margin:0}.page-login__guide-section{padding:16px 16px 32px}.page-login__guide-title{text-align:center;color:#E53935;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;max-width:800px;margin:0 auto 32px}.page-login__guide-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.page-login__guide-card{background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.06);display:block;text-decoration:none;color:inherit;transition:transform 0.25s}.page-login__guide-card:hover{transform:translateY(-4px)}.page-login__guide-figure{margin:0}.page-login__guide-image{width:100%;aspect-ratio:2/1;object-fit:cover}.page-login__guide-content{padding:20px 24px 24px}.page-login__guide-card-title{font-size:1.2rem;font-weight:700;margin:0 0 12px;color:#333333}.page-login__guide-text{color:#555555;font-size:0.95rem;line-height:1.7;margin:0 0 16px}.page-login__guide-link{color:#E53935;font-weight:600;text-decoration:none;font-size:0.95rem;display:inline-block}.page-login__guide-link:hover{text-decoration:underline}.page-login__features-section{padding:16px 16px 48px;background:#FFFFFF;border-radius:20px;margin:0 16px 32px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.page-login__features-inner{max-width:1200px;margin:0 auto}.page-login__features-title{text-align:center;color:#E53935;font-weight:700;font-size:clamp(1.3rem,2.8vw,1.9rem);margin:0 auto 32px;line-height:1.3}.page-login__features-content{display:flex;gap:40px;align-items:center}.page-login__features-content--column{flex-direction:column}.page-login__features-text{flex:1}.page-login__features-desc{font-size:1.05rem;line-height:1.7;margin-bottom:20px}.page-login__feature-list{display:flex;flex-wrap:wrap;margin:-8px -8px 0;padding:0;list-style:none}.page-login__feature-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;margin:4px 4px;background:#F5F7FA;border-radius:8px;max-width:100%;box-sizing:border-box}.page-login__feature-check{color:#2ecc71;font-weight:700;font-size:1rem;flex-shrink:0;line-height:1.4}.page-login__feature-label{font-size:0.9rem;line-height:1.5}.page-login__features-image-wrap{width:300px;flex-shrink:0;align-self:center;display:flex;justify-content:center;margin:0 auto}.page-login__features-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.page-login__download-section{padding:32px 16px 48px;display:flex;justify-content:center;align-items:center;min-height:240px}.page-login__download-inner{max-width:800px;text-align:center;background:#FFFFFF;border-radius:16px;padding:36px 24px;box-shadow:0 4px 24px rgba(0,0,0,0.08);align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px}.page-login__download-icon{font-size:3rem;margin-bottom:12px}.page-login__download-title{color:#E53935;font-size:1.6rem;font-weight:700;margin:0 0 12px}.page-login__download-desc{color:#666666;font-size:1rem;line-height:1.6;margin-bottom:24px}.page-login__download-actions{display:flex;gap:16px;justify-content:center}.page-login__btn-download{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#fff;padding:12px 28px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block}.page-login__btn-download:hover{background:linear-gradient(180deg,#E53935 0%,#FF5A4F 100%)}@media (max-width:1024px){.page-login__benefit-grid{grid-template-columns:repeat(2,1fr)}.page-login__guide-grid{grid-template-columns:1fr;max-width:720px}.page-login__features-content{flex-direction:column;align-items:flex-start;gap:24px}.page-login__features-image-wrap{width:100%;max-width:280px;margin:0 auto}.page-login__features-image{width:100%}}.page-login .login-error{color:#dd4b39}.page-login__btn-download{color:#fff}.page-login__btn-download .page-login__btn-download--secondary{background:#fff;color:#E53935;border:2px solid rgba(229,57,53,0.8)}.page-login__action{flex-wrap:wrap}.page-login__btn-login,.page-login__btn-download,.page-login__btn-download:hover{color:#fff}.page-login__btn-login{display:inline-flex;justify-content:center;gap:10px}.page-login__btn-login::before{content:'🔐';font-size:1.2em}.page-login__btn-download--primary::before{content:'📱';font-size:1.1em}.page-login__btn-download--secondary::before{content:'🤝';font-size:1.1em}.page-login__btn-primary,.page-login__btn-secondary{white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box;text-align:center}@media (max-width:768px){.page-login__hero-banner{padding:8px 0 0 0}.page-login__hero-content{padding:14px 12px 24px;text-align:left}.page-login__hero-title{font-size:1.6rem}.page-login__hero-desc{font-size:1rem}.page-login__hero-actions{flex-direction:column;width:100%;align-items:stretch}.page-login__btn-primary,.page-login__btn-secondary{width:100%;max-width:100%;box-sizing:border-box;padding:12px 16px}.page-login__btn-secondary{background:#FFFFFF;padding:13px 34px}.page-login__login-section{padding:16px 12px}.page-login__login-card{padding:24px 20px}.page-login__benefit-grid{grid-template-columns:1fr;gap:16px}.page-login__benefit-card{padding:20px 18px}.page-login__guide-title{margin-bottom:16px}.page-login__guide-figure{border-radius:12px 12px 0 0}.page-login__guide-image{width:100%;max-width:100%;height:auto}.page-login__features-content{flex-direction:column;align-items:flex-start}.page-login__features-inner{padding:0}.page-login__features-image-wrap{width:100%;max-width:100%;margin:16px 0 0}.page-login__features-image{width:100%;max-width:100%;height:auto}.page-login__features-desc{font-size:0.9rem}.page-login__feature-list{flex-direction:column;margin:-4px 0 0;padding:0}.page-login__feature-item{width:100%;margin-left:0;margin-right:0}.page-login__download-section{padding:16px 12px 40px}.page-login__download-inner{box-shadow:0 4px 24px rgba(0,0,0,0.08);padding:24px 12px;width:100%}.page-login__download-actions{flex-direction:column;width:100%;max-width:100%}.page-login__btn-download{width:100%;max-width:100%;box-sizing:border-box;text-align:center}.page-login__form-input{font-size:1rem;padding:14px 12px}.page-login__login-title{font-size:1.4rem}.page-login__btn-login,.page-login__btn-download{font-size:1rem;padding:13px 14px;display:inline-flex}.page-login__btn-primary,.page-login__btn-secondary{justify-content:center}}