/* Login do App Motryz (prefixo lb-) - padrao visual do backoffice */
.lb-hero { position: relative; min-height: 100vh; overflow: hidden; background: linear-gradient(145deg, #0a1450 0%, #121b6e 45%, #3b1d73 100%); }
.lb-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(circle at 60% 55%, #000 0%, transparent 70%); mask-image: radial-gradient(circle at 60% 55%, #000 0%, transparent 70%); }
.lb-orb { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; }
.lb-orb-1 { width: 420px; height: 420px; background: #3d5afe; top: -120px; right: -80px; }
.lb-orb-2 { width: 360px; height: 360px; background: #b04bff; bottom: -100px; left: 20%; }
.lb-hero-txt { position: absolute; z-index: 2; left: 64px; top: 72px; right: 64px; color: #fff; max-width: 520px; }

.lb-menu { position: absolute; z-index: 2; right: 11%; bottom: 14%; width: 280px; border-radius: 18px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 30px 70px rgba(0,0,0,.35); padding: 14px 12px 12px; color: #fff; animation: lbFloat 7s ease-in-out infinite; }
.lb-menu-head { display: flex; align-items: center; gap: 6px; padding: 0 6px 12px; font-size: 12px; color: rgba(255,255,255,.75); }
.lb-menu-head span { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.3); }
.lb-menu-head span:nth-child(1) { background: #ff6b6b; } .lb-menu-head span:nth-child(2) { background: #ffd166; } .lb-menu-head span:nth-child(3) { background: #4ade80; }
.lb-menu-head b { margin-left: 8px; font-weight: 500; }
.lb-menu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.lb-menu li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 11px; font-size: 14px; color: rgba(255,255,255,.82); }
.lb-menu li i { width: 18px; text-align: center; font-size: 14px; opacity: .85; }
.lb-menu li em { margin-left: auto; font-style: normal; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: #ff5c5c; color: #fff; }
.lb-menu li.on { background: linear-gradient(90deg, #4f6bff, #8a4dff); color: #fff; box-shadow: 0 8px 22px rgba(79,107,255,.45); }
.lb-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 14px; background: rgba(255,255,255,.95); color: #1b2150; font-size: 13px; box-shadow: 0 18px 40px rgba(0,0,0,.3); }
.lb-chip i { color: #4f6bff; } .lb-chip b { font-size: 16px; }
.lb-chip-1 { right: calc(11% + 230px); bottom: calc(14% + 330px); animation: lbFloat 6s ease-in-out -2s infinite; }
.lb-chip-2 { right: calc(11% + 255px); bottom: calc(14% + 30px); animation: lbFloat 8s ease-in-out -4s infinite; }
@keyframes lbFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@media (prefers-reduced-motion: reduce) { .lb-menu, .lb-chip { animation: none; } }
.lb-hero-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(4px); }
.lb-hero-txt h1 { color: #fff; font-size: 44px; font-weight: 700; margin: 18px 0 10px; line-height: 1.1; }
.lb-hero-txt p { color: rgba(255,255,255,.82); font-size: 16px; margin: 0; line-height: 1.5; }

.lb-card > div { width: 100%; max-width: 560px; }
.lb-card .login-main { width: 100%; max-width: 560px; }
.lb-badge { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 999px; background: rgba(36,105,92,.1); color: #24695c; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 12px; }
.lb-card h4 { margin-bottom: 4px; }
.lb-card .lb-sub { color: #7a8194; margin-bottom: 22px; }

.lb-foot { margin-top: 22px; text-align: center; font-size: 12px; color: #9aa1b3; }
.lb-foot i { margin-right: 4px; }

@media (max-width: 1199px) {
    .lb-hero { display: none; }
}