*{box-sizing:border-box}body{margin:0;background:#fafafc;color:#17191e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:#0066cc;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #0066cc;outline-offset:5px}header{max-width:1160px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.brand{display:flex;align-items:center;gap:10px;color:#17191e;font-weight:650;font-size:20px}.brand img{width:34px;height:34px}main{max-width:1100px;margin:68px auto 88px;padding:0 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.eyebrow{font-size:13px;color:#6a707a;letter-spacing:.04em;margin:0 0 22px}h1{font-size:clamp(42px,5vw,64px);line-height:1.18;letter-spacing:-.045em;font-weight:650;margin:0 0 30px}.description{font-size:18px;line-height:1.8;color:#606671;margin:0 0 36px}.detail{display:flex;gap:18px;align-items:baseline;margin:20px 0}.detail>span{color:#0066cc;font-size:12px;font-variant-numeric:tabular-nums}.detail p{font-size:15px;margin:0;line-height:1.7}.detail small{color:#727782;font-size:13px}.login{padding:42px 40px;background:#fff;border:1px solid #e6e8ec;border-radius:24px;box-shadow:0 18px 60px #13244308}.logo{width:82px;height:82px;margin:0 0 30px}.login .eyebrow{margin-bottom:10px}h2{font-size:30px;font-weight:650;letter-spacing:-.03em;margin:0 0 12px}.explanation{font-size:14px;line-height:1.7;color:#6a707a}#login-state{font-size:13px;line-height:1.8;color:#666d77;min-height:48px;margin:22px 0}.primary{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0066cc;color:#fff;border-radius:12px;font-size:15px;font-weight:550}.primary:hover{background:#0057ad;text-decoration:none}.primary[hidden]{display:none}.local{display:block;font-size:14px;padding:20px 0}.footnote{font-size:12px;line-height:1.8;color:#7a808a;padding-top:20px;border-top:1px solid #eee;margin:0}footer{text-align:center;font-size:12px;color:#7a808a;padding:24px}@media(max-width:760px){header{padding:20px 24px}main{margin:32px auto 26px;padding:0 24px;grid-template-columns:1fr;gap:30px}.intro .eyebrow{margin-bottom:16px}h1{font-size:42px;margin-bottom:20px}.description{font-size:16px;margin-bottom:0}.detail{display:none}.login{padding:30px 26px}.logo{width:64px;height:64px;margin-bottom:24px}h2{font-size:28px}}@media(prefers-reduced-motion:no-preference){.login{animation:arrive .45s ease-out}.primary{transition:background .15s ease}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}