/* 岩土work · 登录 / 注册 / 找回密码 */
.auth { display: grid; grid-template-columns: minmax(380px, 1fr) minmax(440px, 1.1fr); min-height: 100vh; }
.brand { position: relative; overflow: hidden; color: #fff; padding: 40px 48px; display: flex; flex-direction: column;
         background: radial-gradient(900px 500px at 10% -10%, #3a9bff 0%, rgba(58, 155, 255, 0) 60%),
                     radial-gradient(700px 600px at 110% 110%, #30b0a6 0%, rgba(48, 176, 166, 0) 55%), linear-gradient(160deg, #0a5fd1, #063b85); }
.brand::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .14;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'><g fill='none' stroke='white' stroke-width='1.2'><path d='M-20 420 C 120 380 220 470 360 420 S 560 360 640 400'/><path d='M-20 450 C 120 410 220 500 360 450 S 560 390 640 430'/><path d='M-20 480 C 120 440 220 530 360 480 S 560 420 640 460'/><path d='M-20 120 C 100 160 240 80 380 130 S 560 170 640 120'/><path d='M-20 90 C 100 130 240 50 380 100 S 560 140 640 90'/></g></svg>") center/cover; }
.logo.light { color: #fff; } .logo.light b span { color: #cfe6ff; }
.logo.light .mk { background: rgba(255, 255, 255, .18); box-shadow: none; backdrop-filter: blur(6px); }
.pitch { margin: auto 0; position: relative; z-index: 1; }
.pitch h1 { font-size: 46px; line-height: 1.12; letter-spacing: -.035em; margin: 0 0 26px; font-weight: 800; }
.pitch ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; font-size: 16.5px; color: rgba(255, 255, 255, .88); }
.pitch li { display: flex; gap: 12px; align-items: flex-start; }
.pitch li::before { content: ""; flex: 0 0 22px; height: 22px; margin-top: 2px; border-radius: 50%; background: rgba(255, 255, 255, .18)
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M6.5 11.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2'/></svg>") center/22px no-repeat; }
.brand-foot { position: relative; z-index: 1; font-size: 13.5px; color: rgba(255, 255, 255, .7); }
.panel { display: flex; flex-direction: column; align-items: center; padding: 56px 28px 0; background: var(--bg); }
.small-logo { display: none; }
.form { width: 100%; max-width: 420px; margin: auto 0; }
.form h2 { font-size: 30px; letter-spacing: -.03em; margin: 0 0 6px; }
.form .lead { color: var(--sub); margin: 0 0 22px; font-size: 15px; }
.form .seg { width: 100%; margin-bottom: 6px; } .form .seg button { flex: 1; }
.row-code { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.row-code .btn { min-height: 46px; min-width: 116px; border-radius: 12px; }
.cap { height: 46px; width: 120px; border-radius: 12px; border: 1px solid var(--line); background: #f6f7f9; cursor: pointer; overflow: hidden; }
.cap img { width: 120px; height: 44px; }
.agree { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; font-size: 14px; color: var(--sub); line-height: 1.6; }
.agree input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--acc); }
.form .go { margin-top: 22px; }
.links { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; font-size: 14.5px; flex-wrap: wrap; }
.form .bar { margin-top: 16px; }
.done-ic { width: 64px; height: 64px; border-radius: 50%; background: var(--ok-soft); color: var(--ok); display: grid; place-items: center; margin-bottom: 18px; }
.done-ic svg { width: 30px; height: 30px; }
.pwd { position: relative; } .pwd .inp { padding-right: 64px; }
.pwd button { position: absolute; right: 6px; top: 6px; height: 34px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: var(--acc); font-size: 14px; cursor: pointer; }
@media (max-width: 900px) {
  .auth { grid-template-columns: 1fr; }
  .brand { display: none; }
  .panel { padding: 22px 20px 0; align-items: stretch; }
  .small-logo { display: inline-flex; margin-bottom: 26px; }
  .form { margin: 0 auto; }
  .form h2 { font-size: 26px; }
}