:root{--lp-green:#0d0d0f;--lp-green-mid:#1a1a1f;--lp-lime:#ffc800;--lp-gray:#5e5e66;--lp-light:#fafafb;--lp-white:#fff;--lp-danger:#7a1b14;--lp-ring:#ffc80038;--lp-t:all .2s ease;--yellow-hover:#eab600;--yellow-soft:#fff3bf;--amber:#f5a300;--text-main:#121212;--text-muted:#8b8b95;--border-soft:#e7e7ec;--border-medium:#d4d4dc}.lp-shell{justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:52px 20px 60px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.lp-shell:before{content:"";filter:blur(10px)saturate(.75)brightness(.65);z-index:0;background-image:url(/uploads/design/xangria.jpg);background-position:50%;background-size:cover;position:absolute;inset:-16px;transform:scale(1.06)}.lp-shell:after{content:"";z-index:0;background:linear-gradient(145deg,#0d0d0fb8 0%,#1a1a1fc7 100%);position:absolute;inset:0}.lp-center{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:490px;display:flex;position:relative}.lp-badge{background:var(--lp-lime);color:var(--lp-green);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 24px;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 6px 22px #ffc80059}.lp-badge svg{flex-shrink:0;width:15px;height:15px}.lp-card{background:var(--lp-white);border-radius:24px;width:100%;padding:44px 44px 36px;box-shadow:0 4px 14px #00000014,0 28px 70px #0000003d}.lp-head{text-align:center;margin-bottom:28px}.lp-title{color:var(--lp-green);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(1.9rem,4.5vw,2.45rem);font-weight:900;line-height:1.08}.lp-subtitle{color:var(--lp-gray);margin:0;font-size:.97rem;line-height:1.5}.lp-notice{color:var(--lp-green);background:#ffc8001f;border:1px solid #0d0d0f24;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.88rem;line-height:1.45;display:flex}.lp-notice svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.lp-notice-warning{color:var(--lp-danger);background:#b4231812;border-color:#b4231840}.lp-notice-warning svg{color:#b42318}.alert{color:var(--lp-green);background:#ffc8001f;border:1px solid #0d0d0f24;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:.88rem}.alert-danger{color:var(--lp-danger);background:#b4231814;border-color:#b4231842}.alert-success{color:var(--lp-green);background:#ffc80026;border-color:#0d0d0f33}.alert ul{margin:0;padding-left:1.1rem}.alert li{margin:.2rem 0}.lp-form{flex-direction:column;display:flex}.lp-field{margin-bottom:16px}.lp-input-wrap{position:relative}.lp-input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.lp-input-icon svg{width:18px;height:18px}.lp-input{border:1.5px solid var(--border-medium);background:var(--lp-white);width:100%;color:var(--text-main);transition:var(--lp-t);-webkit-appearance:none;border-radius:16px;outline:none;padding:1rem 1rem 1rem 3rem;font-family:Inter,sans-serif;font-size:1rem}.lp-input::placeholder{color:var(--text-muted)}.lp-input:focus{border-color:var(--lp-lime);box-shadow:0 0 0 4px var(--lp-ring)}.lp-field-meta{justify-content:space-between;align-items:center;margin-top:7px;padding:0 2px;display:flex}.lp-field-meta-label{color:var(--lp-gray);font-size:.87rem;font-weight:600}.lp-forgot{color:var(--lp-gray);font-size:.87rem;font-weight:600;text-decoration:none;transition:color .15s}.lp-forgot:hover{color:var(--lp-green)}.lp-input-with-eye{padding-right:3.2rem}.lp-eye{cursor:pointer;width:40px;height:40px;color:var(--text-muted);transition:var(--lp-t);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lp-eye:hover{color:var(--lp-green);background:#0d0d0f0f}.lp-eye svg{width:18px;height:18px}.eye-icon{width:18px;height:18px;color:inherit;display:block}.lp-remember{color:var(--lp-gray);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:22px;font-size:.96rem;display:inline-flex}.lp-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--lp-green);cursor:pointer;flex-shrink:0}.login-btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--lp-green);background:var(--lp-lime);transition:var(--lp-t);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:1.1rem 1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 22px #ffc80052}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-110%)}.login-btn:hover{background:var(--yellow-hover);transform:translateY(-2px);box-shadow:0 10px 32px #eab6006b}.login-btn:hover:before{transform:translate(110%)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-btn svg{width:18px;height:18px}.lp-reg{text-align:center;color:var(--lp-gray);margin:0;font-size:.95rem;line-height:1.5}.lp-reg a{color:var(--lp-green);font-weight:700;text-decoration:none}.lp-reg a:hover{text-decoration:underline}@media (max-width:560px){.lp-card{padding:36px 24px 30px}.lp-shell{padding:36px 16px 48px}.lp-title{font-size:1.75rem}}@media (max-width:380px){.lp-card{padding:30px 18px 26px}.lp-title{font-size:1.6rem}.login-btn{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}