*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8fafc}.lk-login{--lk-accent:#d69b3c;position:relative;min-height:100vh;overflow:hidden;background:#15100c}.lk-login:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(214,155,60,.25),transparent 27%),linear-gradient(115deg,rgba(12,9,7,.98) 0%,rgba(32,21,14,.92) 46%,rgba(14,12,11,.82) 100%);z-index:0}.lk-login:after{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.035) 50%,transparent 51%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:120px 100%,100% 96px;z-index:0}.theme-minimarket{background:#103524}.theme-ferreteria{background:#24292f}.theme-zapateria{background:#2b2331}.theme-ropa{background:#362234}.theme-clasico{background:#142b5f}.theme-minimarket:before{background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.27),transparent 30%),linear-gradient(115deg,#071c12 0%,#123d29 52%,#08130e 100%)}.theme-ferreteria:before{background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.25),transparent 30%),linear-gradient(115deg,#111827 0%,#374151 52%,#111827 100%)}.theme-zapateria:before,.theme-ropa:before{background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.2),transparent 30%),linear-gradient(115deg,#20162a 0%,#49324e 52%,#17111d 100%)}.theme-clasico:before{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.28),transparent 30%),linear-gradient(115deg,#07152f 0%,#1d4ed8 65%,#0f1f47 100%)}.lk-login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent);z-index:1}.lk-login-layout{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;max-width:1440px;margin:auto;padding:64px 7vw;gap:72px}.lk-brand-panel{max-width:650px}.lk-brand-badge{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:1.8rem;font-weight:900;background:linear-gradient(145deg,var(--lk-accent),#fff0bf);color:#1d140c;box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.7);margin-bottom:34px}.lk-brand-badge.small{width:42px;height:42px;border-radius:13px;font-size:1.15rem;margin:0}.lk-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.78rem;color:var(--lk-accent);margin:0 0 12px}.lk-brand-copy h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.98;margin:0 0 24px;letter-spacing:-.045em;max-width:720px;text-shadow:0 10px 30px rgba(0,0,0,.28)}.lk-brand-copy>p:last-child{font-size:1.15rem;color:#d7d2cd;max-width:570px;line-height:1.7}.lk-feature-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.lk-feature-strip span{padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px);font-size:.9rem}.lk-login-card-wrap{display:flex;justify-content:center}.lk-login-card{width:min(100%,470px);padding:42px;border-radius:28px;color:#172033;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px)}.lk-mobile-brand{display:none;align-items:center;gap:12px;font-weight:800;margin-bottom:28px}.lk-welcome-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--lk-accent) 18%,white);font-size:1.65rem;margin-bottom:24px}.lk-login-card h2{font-size:2rem;letter-spacing:-.035em;margin:0 0 8px;font-weight:800}.lk-login-help{color:#697386;margin-bottom:28px}.lk-field-label{display:block;font-weight:700;font-size:.88rem;margin-bottom:8px}.lk-input-group{position:relative}.lk-input-group .form-control{height:52px;border-radius:14px;border:1px solid #d9dee8;padding-left:46px;padding-right:48px;box-shadow:none;background:#fbfcfe}.lk-input-group .form-control:focus{border-color:var(--lk-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lk-accent) 18%,transparent);background:white}.lk-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;filter:grayscale(.2)}.lk-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:8px;border-radius:9px}.lk-password-toggle:hover{background:#eef1f6}.lk-login-btn{height:52px;border:0;border-radius:14px;font-weight:800;color:#21170d;background:linear-gradient(135deg,var(--lk-accent),color-mix(in srgb,var(--lk-accent) 62%,white));box-shadow:0 12px 25px color-mix(in srgb,var(--lk-accent) 32%,transparent);transition:.18s ease}.lk-login-btn:hover{transform:translateY(-2px);filter:brightness(1.04);color:#21170d}.lk-login-footer{border-top:1px solid #e6e9ef;margin-top:28px;padding-top:20px;color:#647083;font-size:.88rem;display:flex;flex-direction:column;gap:5px}.lk-login-footer small{color:#8b94a4}.lk-login-decoration{position:absolute;left:7vw;bottom:-55px;width:500px;height:190px;z-index:1;border-bottom:16px solid rgba(123,75,36,.5);opacity:.55}.bottle{position:absolute;bottom:16px;width:43px;height:130px;border-radius:8px 8px 15px 15px;background:linear-gradient(90deg,#1c3826,#486c48 48%,#183123);box-shadow:inset 8px 0 rgba(255,255,255,.07),0 16px 25px rgba(0,0,0,.28)}.bottle:before{content:"";position:absolute;top:-33px;left:12px;width:19px;height:37px;border-radius:4px 4px 0 0;background:inherit}.bottle:after{content:"";position:absolute;left:5px;right:5px;top:55px;height:38px;background:rgba(231,207,151,.55);border-radius:3px}.bottle-1{left:20px;height:142px}.bottle-2{left:104px;height:116px;background:linear-gradient(90deg,#4d220f,#8b4a20,#3c180b)}.bottle-3{left:196px;height:152px;width:52px;background:linear-gradient(90deg,#213a49,#50758a,#182e3a)}.bottle-4{left:302px;height:124px;background:linear-gradient(90deg,#493722,#8a6b3f,#362716)}@media(max-width:900px){.lk-login-layout{grid-template-columns:1fr;padding:34px 20px}.lk-brand-panel{display:none}.lk-login-card{padding:34px 26px}.lk-mobile-brand{display:flex}.lk-login-decoration{display:none}}@media(max-width:480px){.lk-login-card{border-radius:22px;padding:28px 20px}.lk-login-card h2{font-size:1.7rem}}