.login-sec{background:radial-gradient(900px 640px at 84% 34%, #2487b021, transparent 70%), radial-gradient(520px 380px at 6% 92%, #5a9a3c17, transparent 70%), var(--color-white);padding-top:72px;padding-bottom:112px;overflow-x:clip}.login-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:72px;display:grid}.login-title{letter-spacing:-.02em;color:var(--color-navy);margin:0;font-size:clamp(38px,4.4vw,62px);font-weight:600;line-height:1.06}.login-title em{color:var(--color-sky);font-weight:500}.login-points{color:var(--color-ink-soft);flex-direction:column;gap:12px;margin:32px 0 0;padding:0;font-weight:600;list-style:none;display:flex}.login-points li{align-items:center;gap:10px;display:flex}.login-cardwrap{width:100%;max-width:480px;margin-inline:auto;position:relative}.login-glow{pointer-events:none;background:radial-gradient(circle,#2487b02e,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.login-card{background:var(--color-white);border:1px solid #2487b066;border-top:5px solid var(--color-green);border-radius:var(--radius-2xl);box-shadow:var(--shadow-deep);padding:30px;position:relative}.login-card .bk-head{border-bottom:1px solid var(--color-line);align-items:center;gap:16px;padding-bottom:22px;display:flex}.login-card .bk-title{color:var(--color-navy);margin:0;font-size:28px;font-weight:600;line-height:1.1}.login-card .bk-sub{color:var(--color-ink-soft);margin:5px 0 0;font-size:14px}.login-logo{object-fit:contain;flex:none}.login-form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.lfld{color:var(--color-navy);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.lfld input{width:100%;font:400 16px var(--font-sans);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink);border:1.5px solid #0e355240;outline:none;padding:15px 16px;transition:border-color .3s,box-shadow .3s}.lfld input:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px #1b6f992e}.lpass{display:block;position:relative}.lpass input{padding-right:72px}.lpass button{background:var(--color-mist);color:var(--color-blue);font:600 13px var(--font-sans);cursor:pointer;border:0;border-radius:8px;padding:6px 10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-error{border-radius:var(--radius-sm);color:#7a1c16;background:#fdecea;border-left:4px solid #b3261e;margin:0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45}.login-form .btn{margin-top:4px}.login-form .btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-note{color:var(--color-ink-soft);text-align:center;margin:4px 0 0;font-size:14px}.login-note a{color:var(--color-blue);border-bottom:1.5px solid var(--color-green);font-weight:600}@media (max-width:980px){.login-sec{padding-top:44px;padding-bottom:72px}.login-grid{grid-template-columns:minmax(0,1fr);gap:48px}}@media (max-width:560px){.login-card{padding:22px 18px}}.login-switch{cursor:pointer;font:600 14px var(--font-sans);color:var(--color-blue);border:0;border-bottom:1.5px solid var(--color-green);background:0 0;padding:0}
