.login-page{--login-red: #c8102e;--login-red-deep: #b10d27;--login-navy: #0033a0;--login-navy-deep: #01236f;--login-white: #ffffff;--login-surface: #f5f5f5;--login-line: #eaeaea;--login-text: #111111;--login-muted: #1e1e1e;min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at top left,rgba(200,16,46,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(0,51,160,.1),transparent 30%),linear-gradient(180deg,#fff,#f5f5f5)}.login-card{width:min(1180px,100%);min-height:640px;display:grid;grid-template-columns:1fr 1.12fr;border-radius:28px;overflow:hidden;background:#ffffffeb;backdrop-filter:blur(18px);box-shadow:0 28px 70px #1111111f;border:1px solid rgba(234,234,234,.92)}.login-panel{position:relative;padding:54px 42px}.login-panel--form{background:linear-gradient(180deg,var(--login-white),var(--login-surface))}.login-panel--visual{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 25% 24%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,var(--login-red) 0%,var(--login-red-deep) 46%,var(--login-navy) 100%)}.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:48px;color:var(--login-text);font-weight:700;font-size:1.3rem}.brand__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--login-red),var(--login-navy));color:var(--login-white);font-size:.95rem;box-shadow:0 10px 22px #11111138}.login-panel h1{margin:0;font-size:clamp(2.3rem,4vw,3rem);line-height:1;color:var(--login-text)}.subtitle{margin:18px 0 30px;color:#666;font-size:1rem}.login-form{display:grid;gap:14px}.field{display:grid;gap:10px}.field__label{color:#4f4f4f;font-size:.94rem;font-weight:600}.field input{width:100%;border:1px solid var(--login-line);border-radius:10px;padding:16px 18px;background:var(--login-white);color:var(--login-text);font-size:.98rem;box-shadow:inset 0 1px #ffffffbf}.field input::placeholder{color:#8a8a8a}.field input:focus{outline:none;border-color:var(--login-navy);box-shadow:0 0 0 4px #0033a024}.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 12px;color:#4f4f4f;font-size:.92rem}.checkbox{display:inline-flex;align-items:center;gap:10px;user-select:none}.checkbox input{width:16px;height:16px;accent-color:var(--login-red)}.ghost-link{color:var(--login-navy);font-weight:600}.ghost-link:hover,.signup-line a:hover{text-decoration:underline}.login-button{width:128px;border:none;border-radius:8px;padding:14px 18px;background:linear-gradient(180deg,var(--login-red),var(--login-red-deep));color:var(--login-white);font-weight:700;font-size:.98rem;box-shadow:0 14px 28px #c8102e42;cursor:pointer}.login-form .login-button{width:100%}.login-button--secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;background:linear-gradient(180deg,#0033a01a,#0033a033);color:var(--login-navy);border:1px solid rgba(0,51,160,.18);box-shadow:none}.login-button--demo{padding-inline:16px;text-align:left}.login-button__tag{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:6px 10px;border-radius:999px;background:#ffffffc7;color:var(--login-red);font-size:.72rem;font-weight:800;letter-spacing:.14em}.login-button--secondary:hover{filter:none;background:linear-gradient(180deg,#0033a024,#0033a03d)}.login-button:hover{filter:brightness(1.03)}.signup-line{margin-top:28px;color:#666;font-size:.96rem}.signup-line a{color:var(--login-red);font-weight:700}.visual-glow{position:absolute;border-radius:999px;background:#ffffff29;filter:blur(10px);z-index:0}.visual-glow--one{inset:28px auto auto 28px;width:120px;height:120px}.visual-glow--two{inset:auto 28px 28px auto;width:160px;height:160px}.hero-bubble{position:absolute;top:34%;left:18%;width:72px;height:48px;border-radius:999px;background:var(--login-white);color:var(--login-red);display:grid;place-items:center;font-size:10PX;font-weight:700;box-shadow:0 16px 28px #11111129;transform:rotate(-8deg);z-index:3}.hero-bubble:after{content:"";position:absolute;right:10px;bottom:-12px;width:18px;height:18px;background:var(--login-white);clip-path:polygon(0 0,100% 0,0 100%)}.hero-frame{position:relative;z-index:1;width:min(78%,440px);padding:14px;border-radius:34px;background:linear-gradient(135deg,#fffffff5,#ffffff42);box-shadow:0 18px 36px #11111129,inset 0 1px #ffffffb3;backdrop-filter:blur(8px)}.hero-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#fffffff2,#c8102eb3,#0033a0bf);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-illustration{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:2;border-radius:24px;filter:drop-shadow(0 22px 30px rgba(17,17,17,.22))}.lock-card{position:absolute;right:10%;bottom:20%;width:98px;height:122px;border-radius:20px;background:#fffffff5;box-shadow:0 24px 34px #11111129;transform:rotate(8deg);z-index:3}.lock-card__notch{position:absolute;top:20px;left:50%;width:40px;height:28px;border:7px solid var(--login-navy);border-bottom:none;border-radius:999px 999px 0 0;transform:translate(-50%)}.lock-card__body{position:absolute;left:50%;bottom:18px;width:30px;height:36px;border-radius:10px;background:linear-gradient(180deg,#fff,#eaeaea);transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.login-card{grid-template-columns:1fr;min-height:auto}.login-panel--visual{min-height:420px;order:-1}}@media(max-width:640px){.login-page{padding:16px}.login-panel{padding:32px 22px}.form-row{flex-direction:column;align-items:flex-start}.login-button,.hero-illustration{width:100%}.lock-card{right:6%;bottom:10%;transform:scale(.9) rotate(8deg)}}