/* Teltidy CRM — login page CSS, extracted verbatim from 7-move-wise-crm.php's login-page block. Zero PHP interpolation in the original — pure static content moved as-is, no rules changed. */ * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: radial-gradient(ellipse 900px 600px at 15% -10%, rgba(201,173,121,0.12), transparent 55%), linear-gradient(160deg, #17130D 0%, #14110B 50%, #0A0806 100%); padding: 20px; } .mw-login-card { background: #1E1811; border: 1px solid rgba(245,239,227,0.08); border-radius: 16px; padding: 40px 34px; max-width: 380px; width: 100%; box-shadow: 0 24px 60px rgba(5,3,1,0.5); } .mw-login-mark { width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #E7D3A0, #C9AD79 55%, #B98F52); color: #17130D; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1.3rem; font-family: 'Cormorant Garamond', serif; margin: 0 auto 18px; } .mw-login-card h1 { text-align: center; font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.6rem; color: #F5EFE3; margin: 0 0 4px; } .mw-login-sub { text-align: center; font-size: 0.82rem; color: #CDC1A6; margin: 0 0 26px; } .mw-field { margin-bottom: 16px; } .mw-field label { display: block; font-size: 0.78rem; font-weight: 600; color: #CDC1A6; margin-bottom: 6px; } .mw-field input { width: 100%; padding: 11px 13px; background: rgba(245,239,227,0.045); border: 1px solid rgba(245,239,227,0.12); border-radius: 8px; font-size: 0.9rem; font-family: inherit; color: #F5EFE3; outline: none; transition: border-color 220ms ease, box-shadow 220ms ease; } .mw-field input:focus { border-color: #C9AD79; box-shadow: 0 0 0 3px rgba(201,173,121,0.16); } .mw-login-btn { width: 100%; padding: 13px; border: none; border-radius: 10px; background: linear-gradient(135deg, #E7D3A0, #C9AD79 55%, #B98F52); color: #17130D; font-weight: 600; font-size: 0.92rem; cursor: pointer; margin-top: 10px; transition: transform 220ms ease, filter 220ms ease; } .mw-login-btn:hover { filter: brightness(1.06); transform: translateY(-1px); } .mw-login-error { background: rgba(193,101,92,0.15); color: #E0A79E; font-size: 0.82rem; font-weight: 600; padding: 11px 13px; border-radius: 8px; margin-bottom: 18px; border: 1px solid rgba(193,101,92,0.3); } .rc-crm-bg-video { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); filter: blur(6px) brightness(0.62) saturate(0.9) contrast(1.05); z-index: -2; pointer-events: none; opacity: 0; transition: opacity 220ms ease; } .rc-crm-bg-video.is-on { opacity: 0.75; } .rc-crm-bg-poster { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); filter: blur(6px) brightness(0.62) saturate(0.9) contrast(1.05); opacity: 0.75; z-index: -2; pointer-events: none; display: none; } @media (prefers-reduced-motion: reduce) { .rc-crm-bg-video { display: none !important; } .rc-crm-bg-poster { display: block !important; } }