:root{--lc-a1: #f0a500;--lc-a2: #c47c00;--lc-a3: #ffd166;--lc-bg: #383838;--lc-surface: #2e2e2e;--lc-border: rgba(255,255,255,.1);--lc-text: #f0f0f0;--lc-muted: #b0b0b0;--lc-radius: 14px}.lc-wrap{display:flex;flex-direction:row-reverse;width:100%;height:calc(100dvh - 70px);overflow:hidden;background:var(--lc-bg)}.lc-panel{flex:1 1 60%;position:relative;overflow:hidden;background:linear-gradient(135deg,#2a2a2a 0%,#3a3010 50%,#2e2a1a 100%);display:flex;align-items:center;justify-content:center}.lc-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(327deg,#f0a50022,#c47c0033,#ffd16618,#f0a50022);background-size:600% 600%;animation:lc-grad 12s ease infinite;z-index:0}.lc-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;z-index:0}.lc-panel-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px;text-align:center;color:#fff}.lc-orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.25;pointer-events:none}.lc-orb-1{width:360px;height:360px;background:#c47c00;top:-100px;left:-80px;animation:lc-float 8s ease-in-out infinite}.lc-orb-2{width:260px;height:260px;background:#f0a500;bottom:-60px;right:-40px;animation:lc-float 10s ease-in-out infinite reverse}.lc-orb-3{width:180px;height:180px;background:#ffd166;top:45%;left:55%;animation:lc-float 7s ease-in-out infinite 2s}.lc-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.lc-logo{width:90px;height:90px;border-radius:18px;display:block;object-fit:contain;background:linear-gradient(135deg,#f0a500,#c47c00);padding:10px;box-shadow:0 12px 40px #f0a50059}.lc-brand-name{font-size:34px;font-weight:700;letter-spacing:1px;background:linear-gradient(90deg,#ffd166 0%,#f0a500 60%,#fff8e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lc-tagline{font-size:15px;color:#ffffff8c;max-width:280px;line-height:1.6}.lc-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:8px}.lc-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18);animation:lc-pulse 2.5s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}.lc-form-side{flex:0 0 55%;display:flex;align-items:center;justify-content:center;background:#383838;border-right:1px solid rgba(255,255,255,.06);padding:32px 24px}.lc-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:0}.lc-card-header{margin-bottom:36px}.lc-card-header h1{font-size:28px;font-weight:700;color:var(--lc-text);margin:0 0 8px;line-height:1.2}.lc-subtitle{font-size:14px;color:var(--lc-muted);margin:0}.lc-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.lc-field label{font-size:13px;font-weight:500;color:var(--lc-muted);letter-spacing:.3px}.lc-input-wrap{position:relative;display:flex;align-items:center}.lc-input-icon{position:absolute;left:14px;width:17px;height:17px;color:var(--lc-muted);pointer-events:none;flex-shrink:0}.lc-input-wrap input{width:100%;padding:13px 42px;background:#2e2e2e;border:1px solid rgba(255,255,255,.1);border-radius:var(--lc-radius);color:#f0f0f0;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.lc-input-wrap input::placeholder{color:#b0b0b073}.lc-input-wrap input:focus{border-color:#f0a5008c;box-shadow:0 0 0 3px #f0a5001a}.lc-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--lc-muted);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;padding:0}.lc-toggle-btn svg{width:18px;height:18px}.lc-toggle-btn:focus{outline:2px solid rgba(240,165,0,.18)}[dir=rtl] .lc-toggle-btn{right:auto;left:12px}[dir=rtl] .lc-input-wrap input{padding:13px 42px}.rtl-toggle-right{right:12px!important;left:auto!important}.lc-input-wrap.rtl .lc-input-icon{left:auto;right:12px}.lc-input-wrap.rtl .lc-toggle-btn{right:25px!important;left:auto!important}.lc-input-wrap.rtl input{padding:13px 68px 13px 14px}[dir=rtl] .lc-input-icon,.lc-input-wrap input[dir=rtl]~.lc-input-icon{left:auto;right:14px}[dir=rtl] .lc-input-wrap input,.lc-input-wrap input[dir=rtl]{padding:13px 42px 13px 14px}.lc-error{display:flex;align-items:center;gap:8px;background:rgba(248,81,73,.08);border:1px solid rgba(248,81,73,.25);border-radius:10px;padding:10px 14px;font-size:13px;color:#f85149;margin-bottom:16px}.lc-error svg{width:15px;height:15px;flex-shrink:0}.lc-btn{width:100%;margin-top:6px;padding:14px 20px;border-radius:var(--lc-radius);border:none;cursor:pointer;font-size:15px;font-weight:700;color:#1a1400;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#f0a500 0%,#ffd166 100%);box-shadow:0 4px 20px #f0a5004d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.lc-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);transition:transform .4s ease}.lc-btn:hover:before{transform:translate(100%)}.lc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f0a50066}.lc-btn:active{transform:translateY(0)}.lc-btn svg{width:16px;height:16px}.lc-card:after{content:"";display:block;margin-top:36px;height:1px;background:var(--lc-border)}@keyframes lc-grad{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lc-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.04)}}@keyframes lc-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}@media (max-width: 820px){.lc-wrap{flex-direction:column;height:auto;min-height:calc(100dvh - 70px)}.lc-panel{flex:0 0 auto;min-height:240px}.lc-panel-inner{gap:18px;padding:28px 24px}.lc-logo{width:64px;height:64px;border-radius:16px;padding:8px}.lc-brand-name{font-size:24px}.lc-tagline{font-size:13px}.lc-dots{display:none}.lc-orb-1{width:220px;height:220px}.lc-orb-2{width:160px;height:160px}.lc-form-side{flex:1;padding:32px 20px}}@media (max-width: 480px){.lc-card-header h1{font-size:22px}.lc-input-wrap input{font-size:15px}.lc-btn{padding:13px;font-size:14px}}