.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:0;gap:0}.login-page .lp-hero{position:relative;margin:22px;border-radius:30px;overflow:hidden;background:linear-gradient(150deg,#7c6ff0,#6c5ce7 60%,#5b4bd6);color:#fff;padding:54px 48px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 40px 80px -40px rgba(108,92,231,.7)}.login-page .lp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(420px 320px at 85% 10%,hsla(0,0%,100%,.18),transparent 60%),radial-gradient(360px 300px at 10% 95%,hsla(0,0%,100%,.12),transparent 60%);pointer-events:none}.login-page .lp-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;position:relative}.login-page .lp-brand .mk{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:hsla(0,0%,100%,.18)}.login-page .lp-brand .mk svg{width:24px;height:24px;fill:hsla(0,0%,100%,.3)}.login-page .lp-hero h1{font-size:40px;line-height:1.15;font-weight:800;margin-bottom:16px;position:relative}.login-page .lp-hero p{font-size:16px;opacity:.9;max-width:380px;position:relative}.login-page .lp-points{position:relative;display:flex;flex-direction:column;gap:14px;margin-top:26px}.login-page .lp-point{display:flex;align-items:center;gap:12px;font-size:15px;opacity:.95}.login-page .lp-point .pic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:hsla(0,0%,100%,.16);flex:0 0 auto}.login-page .lp-point .pic svg{width:17px;height:17px}.login-page .lp-form-side{display:grid;place-items:center;padding:40px}.login-page .lp-card{width:100%;max-width:380px}.login-page .lp-card h2{font-size:26px;font-weight:700;color:var(--ink)}.login-page .lp-card .sub{color:var(--muted);margin-top:6px;margin-bottom:26px;font-size:14px}.login-page .field{margin-bottom:16px}.login-page .field label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:7px}.login-page .field input{width:100%;padding:13px 15px;border-radius:13px;border:1.5px solid var(--line);font-size:14px;font-family:inherit;color:var(--ink);background:#fbfbfe;transition:.15s}.login-page .field input:focus{outline:none;border-color:var(--purple-2);background:#fff;box-shadow:0 0 0 4px rgba(124,111,240,.12)}.login-page .lp-submit{width:100%;padding:14px;border:none;border-radius:13px;cursor:pointer;background:linear-gradient(150deg,#7c6ff0,#6c5ce7);color:#fff;font-size:15px;font-weight:600;box-shadow:0 18px 30px -14px rgba(108,92,231,.9);transition:.15s;margin-top:6px}.login-page .lp-submit:hover{transform:translateY(-1px)}.login-page .lp-submit:disabled{opacity:.6;cursor:default;transform:none}.login-page .lp-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:20px 0}.login-page .lp-or:after,.login-page .lp-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.login-page #google-btn{display:flex;justify-content:center;min-height:44px}.login-page .lp-toggle{text-align:center;margin-top:22px;font-size:14px;color:var(--muted)}.login-page .lp-toggle b{color:var(--purple);cursor:pointer;font-weight:600}.login-page .lp-error{background:var(--peach);color:var(--peach-ink);border-radius:11px;padding:11px 14px;font-size:13px;font-weight:500;margin-bottom:16px}.login-page .lp-note{background:var(--cream-bg);color:var(--cream-ink);border-radius:11px;padding:10px 13px;font-size:12px;margin-bottom:18px}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-page .lp-hero{display:none}}