.page-login{--bg-color:#0A0A0A;--card-bg:#111111;--primary:#F2C14E;--accent:#FFD36B;--text-main:#FFF6D6;--border:#3A2A12;--button-bg:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:var(--text-main);background-color:var(--bg-color);font-family:'Segoe UI',Arial,sans-serif;line-height:1.7;overflow-x:hidden}.page-login__hero-section{display:flex;flex-direction:column;gap:24px;padding:10px 16px 20px;max-width:1200px;margin:0 auto}.page-login__hero-image-wrap{width:100%}.page-login__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.page-login__hero-content{width:100%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.page-login__main-title{font-weight:700;line-height:1.35;color:var(--text-main);letter-spacing:0.3px;max-width:800px;margin:0;margin:0 auto}.page-login__intro-text{max-width:760px;color:var(--text-main);opacity:0.85;font-size:1.02rem;line-height:1.7;margin:0 auto;text-align:center}.page-login__cta-button{display:inline-block;padding:13px 36px;background:var(--button-bg);color:#2a1d00;font-weight:700;font-size:1.05rem;border-radius:40px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 12px rgba(255,211,107,0.35);margin:0 auto}.page-login__cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,211,107,0.45);background:linear-gradient(180deg,#FFE07A 0%,#EAB620 100%)}.page-login__about-section{padding:12px 16px 24px}.page-login__about-inner{max-width:860px;margin:0 auto;text-align:center}.page-login__about-text{color:var(--text-main);font-size:1.05rem;font-weight:400;line-height:1.7}.page-login__logo-grid-section{background-color:var(--card-bg);margin:0;padding:24px 16px 40px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.page-login__section-title-wrap{max-width:1200px;margin:0 auto 24px;text-align:center}.page-login__section-title{font-size:1.6rem;font-weight:700;color:var(--primary);text-shadow:0 0 20px rgba(242,193,78,0.3);margin:0}.page-login__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-login__logo-card{display:flex;flex-direction:column;align-items:center;gap:14px;background-color:#161313;padding:16px;border-radius:14px;border:1px solid var(--border);transition:transform .2s, border-color .2s;box-sizing:border-box;max-width:100%}.page-login__logo-card:hover{transform:translateY(-4px);border-color:var(--primary)}.page-login__logo-card:nth-child(5){grid-column:2}.page-login__logo-card:nth-child(6){grid-column:3}.page-login__logo-image{display:block;width:100%;max-width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;background-size:cover}.page-login__logo-cta{display:block;padding:10px 26px;background:var(--button-bg);color:#2a1d00;font-weight:600;font-size:0.95rem;border-radius:40px;text-decoration:none;transition:opacity .2s, transform .2s;text-align:center}.page-login__logo-cta:hover{opacity:0.9;transform:scale(1.02)}.page-login__guide-section{background-color:var(--bg-color);padding:40px 16px 32px;max-width:860px;margin:0 auto}.page-login__guide-title{font-size:1.9rem;color:var(--accent);margin:0 auto 14px;text-align:center;font-weight:700;line-height:1.3;max-width:760px}.page-login__guide-intro{margin:0 auto 18px;text-align:center;color:var(--text-main);opacity:0.85;max-width:760px;font-size:1.05rem}.page-login__guide-intro a{color:var(--primary);text-decoration:none}.page-login__guide-intro a:hover{text-decoration:underline}.page-login__guide-list{display:flex;flex-direction:column;gap:0}