.page-login{color:#333333;background-color:#f7f2e8;font-family:'Inter','Segoe UI',Arial,sans-serif;line-height:1.6;overflow-x:hidden}.page-login a{transition:opacity .2s ease}.page-login a:hover{opacity:.9}.page-login__hero-section{background:linear-gradient(135deg,#7A0E0E 0%,#C91F17 45%,#e6b800 100%);padding:10px 12px 0;margin:0}.page-login__hero-image{max-width:1200px;margin:0 auto}.page-login__hero-image img{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;border:2px solid #F2B544;box-shadow:0 6px 18px rgba(122,14,14,.35)}.page-login__hero-content{max-width:1200px;margin:0 auto;padding:24px 12px 32px;text-align:center}.page-login__hero-subtitle{color:#FFF5E1;font-size:1.3rem;font-weight:700;line-height:1.5;letter-spacing:.2px;margin:0 auto 18px;max-width:780px}.page-login__hero-cta{display:inline-block;max-width:100%;background:linear-gradient(180deg,#FFD86A 0%,#E6B800 100%);color:#7A0E0E;font-weight:800;font-size:1.15rem;text-decoration:none;padding:14px 38px;border-radius:999px;margin-top:4px;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(255,204,102,.4),0 0 0 2px rgba(255,204,102,.25);transition:transform .2s,box-shadow .2s;white-space:normal;word-wrap:break-word}.page-login__hero-cta:hover{transform:translateY(-2px) scale(1.01);opacity:1}.page-login__hero-cta a{color:inherit;text-decoration:none}.page-login__intro-section{max-width:1100px;margin:0 auto;padding:32px 16px 8px}.page-login__intro-title{color:#C91F17;font-size:1.75rem;line-height:1.4;font-weight:800;text-align:center;margin:0 0 12px;letter-spacing:.5px;text-shadow:0 1px 0 rgba(0,0,0,.05)}.page-login__intro-text{color:#333333;font-size:1.05rem;text-align:center;max-width:920px;margin:0 auto;line-height:1.7}.page-login__login-guide-section{background:#ffffff;margin:36px 0 0}.page-login__login-guide-inner{max-width:1000px;margin:0 auto;padding:44px 16px 64px}.page-login__featured-post{background-color:#D32F2F;color:#FFF5E1;padding:28px 24px;border-radius:16px;border-left:6px solid #F2B544;box-shadow:0 8px 20px rgba(215,47,39,.28);margin-bottom:40px;text-align:center}.page-login__featured-post h2{color:#FFF5E1;font-size:1.8rem;font-weight:800;margin:0 0 8px}.page-login__featured-post p{color:#FFF5E1;max-width:620px;margin:0 auto 18px;font-size:1.05rem;text-shadow:0 1px 0 rgba(0,0,0,.15)}.page-login__featured-cta-btn{display:inline-block;background:linear-gradient(180deg,#FFD86A 0%,#E6B800 100%);color:#7A0E0E;text-decoration:none;font-weight:800;padding:10px 30px;border-radius:6px;border:2px solid #F4D34D;box-shadow:0 3px 10px rgba(0,0,0,.2);max-width:100%;white-space:normal;word-wrap:break-word}.page-login__guide-article{background:#fff;padding:0;max-width:860px;margin:0 auto}.page-login__guide-article h2{color:#C91F17;font-size:1.65rem;font-weight:700;text-align:center;margin:0 0 14px;padding-bottom:10px;position:relative}.page-login__guide-article h2::after{content:'';display:block;width:80px;margin:12px auto 0;border-bottom:3px solid #E6B800;border-radius:2px}.page-login__guide-summary{color:#333;text-align:center;max-width:760px;margin:0 auto 30px;font-size:1.05rem}.page-login__step-wrapper{display:flex;flex-direction:column;gap:22px}.page-login__first-step,.page-login__second-step,.page-login__third-step{background-color:#fff;border:1px solid #f0e5ce;border-left:5px solid #E6B800;border-radius:12px;padding:22px 24px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.page-login__first-step h3,.page-login__second-step h3,.page-login__third-step h3{color:#B71C1C;font-size:1.25rem;font-weight:700;margin:0 0 10px}.page-login__first-step p,.page-login__second-step p,.page-login__third-step p{color:#333;margin:0;line-height:1.65}.page-login__note-box{background:#fff3dc;border:1px solid #F2B544;border-left-width:6px;border-radius:8px;padding:18px;margin:44px 0 48px}.page-login__note-box p{color:#5a3200;margin:0}.page-login__common-issue h2{color:#8a5200;font-size:1.2rem;margin:0 0 12px}.page-login__old-version-wrapper{background:linear-gradient(180deg,#B71C1C 0%,#C91F17 100%);border-radius:16px;padding:32px 24px;color:#FFF5E1;margin:0;text-align:center}.page-login__old-version-text h2{color:#FFF5E1;font-size:1.55rem;font-weight:700;margin:0 0 12px}.page-login__old-version-text p{color:#FFF5E1;max-width:640px;margin:0 auto 20px;line-height:1.7}.page-login__old-version-btn{display:inline-block;background:linear-gradient(180deg,#FFD86A 0%,#E6B800 100%);color:#7A0E0E;text-decoration:none;font-weight:800;padding:12px 34px;border-radius:999px;border:none;box-shadow:0 4px 14px rgba(0,0,0,.25);max-width:100%;white-space:normal;word-wrap:break-word;cursor:pointer}.page-login__benefit-section{background:#fff}.page-login__benefit-list{background:linear-gradient(180deg,#fff8f0,#fff);max-width:1100px;margin:0 auto;padding:34px 16px}.page-login__benefit-heading{color:#C91F17;font-size:1.7rem;font-weight:800;text-align:center;margin:0 0 6px}.page-login__benefit-list>p{color:#333;text-align:center;max-width:760px;margin:0 auto 26px;font-size:1.05rem}.page-login__benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 0}.page-login__benefit-card{background:#D32F2F;border:1px solid #F2B544;border-radius:12px;padding:20px 16px;color:#FFF5E1}.page-login__benefit-card h3{color:#FFF5E1;font-size:1.05rem;font-weight:700;margin:0 0 8px;line-height:1.4}.page-login__benefit-card p{color:#FFF5E1;margin:0;font-size:.95rem;line-height:1.55}.page-login__faq-section{background:#f2eadf}.page-login__faq-list{max-width:800px;margin:0 auto;padding:24px 16px 80px}.page-login__faq-title{color:#C91F17;text-align:center;font-size:1.6rem;font-weight:800;margin:0 0 20px}.page-login__faq-item{border:none;border-bottom:1px solid #dcccaf;background:#fff;padding:12px 16px;border-radius:8px;margin:0 0 10px;box-shadow:0 2px 6px rgba(0,0,0,.03)}.page-login__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#B71C1C}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-text{line-height:1.45;flex:1}.page-login__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #F2B544;border-radius:50%;background:#fff;color:#C91F17;font-size:1.2rem;font-weight:900;padding-bottom:2px}.page-login__faq-answer{padding:14px 0 4px;color:#333;line-height:1.65}@media(max-width:1024px){.page-login__hero-subtitle{font-size:1.15rem}.page-login__intro-title{font-size:1.5rem}.page-login__benefit-card h3{font-size:.95rem}}@media(max-width:768px){.page-login__hero-section{padding:10px 8px 0}.page-login__hero-image img{aspect-ratio:2/1;border-radius:10px}.page-login__hero-content{padding:18px 12px 20px}.page-login__hero-subtitle{font-size:.9rem;margin-bottom:12px}.page-login__hero-cta,.page-login__featured-cta-btn,.page-login__old-version-btn{font-size:1rem;padding:10px 18px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:inline-block;width:auto}.page-login__intro-section{padding:24px 12px 4px}.page-login__intro-title{font-size:1.3rem;text-align:left}.page-login__intro-text{text-align:left;font-size:.98rem;line-height:1.55}.page-login__login-guide-inner{padding:28px 12px 60px}.page-login__featured-post{padding:22px 18px;text-align:left}.page-login__featured-post h2{font-size:1.35rem}.page-login__step-wrapper{gap:16px}.page-login__first-step,.page-login__second-step,.page-login__third-step{padding:18px 14px}.page-login__first-step h3,.page-login__second-step h3,.page-login__third-step h3{font-size:1.05rem}.page-login__old-version-wrapper{padding:24px 18px;text-align:left}.page-login__old-version-text h2{font-size:1.3rem}.page-login__benefit-grid{grid-template-columns:1fr;gap:16px}.page-login__benefit-card{padding:16px}.page-login__benefit-card h3{font-size:1rem}.page-login__faq-list{padding:20px 8px 64px}.page-login__faq-title{font-size:1.3rem}.page-login__faq-icon{width:24px;height:24px}.page-login__faq-text{font-size:.9rem}.page-login__faq-answer{font-size:.88rem}.page-login img{max-width:100%!important;height:auto!important}.page-login{max-width:100%;overflow-x:hidden}.page-login section,.page-login div,.page-login article{max-width:100%}}