/* Shared, fully scoped styling for KD Login Interactivo. */
.kdli-shell{--kdli-accent:#8e68ff;--kdli-accent2:#23d6d5;--kdli-paper:#0f1120;--kdli-edge:#292e46;--kdli-ink:#f3f4ff;--kdli-sub:#a3acc7;isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.09fr) minmax(420px,.91fr);width:100%;max-width:1280px;min-height:718px;border-radius:28px;overflow:hidden;border:1px solid #363b56;background:var(--kdli-paper);color:var(--kdli-ink);box-shadow:0 44px 110px #0008,0 6px 20px #0004;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5;text-align:left}
.kdli-shell *, .kdli-shell *::before, .kdli-shell *::after{box-sizing:border-box}
.kdli-shell a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none}
.kdli-shell a:focus-visible,.kdli-shell button:focus-visible,.kdli-shell input:focus-visible{outline:3px solid var(--kdli-accent2)!important;outline-offset:3px}
.kdli-reverse .kdli-brand{order:2}.kdli-reverse .kdli-form-panel{order:1}
.kdli-brand{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:718px;padding:38px clamp(30px,4.3vw,65px) 35px;overflow:hidden;background:radial-gradient(circle at 85% 18%,#6236bb55,transparent 43%),radial-gradient(circle at 0% 87%,#12acb744,transparent 40%),linear-gradient(140deg,#19132c 0%,#131b32 58%,#0b1727 100%);background-position:center;background-size:cover;border-right:1px solid #ffffff17;color:#fff}
.kdli-brand::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 88%);pointer-events:none;z-index:-1}
.kdli-brand::after{content:"";position:absolute;inset:auto -110px -190px auto;width:490px;height:490px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 54px #ffffff06,0 0 0 110px #ffffff04;pointer-events:none;z-index:-1}
.kdli-decor{position:absolute;pointer-events:none;z-index:-1;opacity:.54;filter:blur(2px)}
.kdli-decor-one{width:280px;height:280px;border-radius:50%;top:29%;right:-180px;background:radial-gradient(circle,var(--kdli-accent),transparent 68%);filter:blur(80px)}
.kdli-decor-two{width:230px;height:230px;border-radius:50%;bottom:-100px;left:-100px;background:radial-gradient(circle,var(--kdli-accent2),transparent 70%);filter:blur(70px)}
.kdli-brand-top,.kdli-brand-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.kdli-brand-link{display:flex;align-items:center;gap:13px;color:#fff!important;max-width:100%;text-decoration:none!important}
.kdli-mark{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;font-size:27px;font-weight:900;letter-spacing:-.06em;color:#fff;background:linear-gradient(135deg,var(--kdli-accent),#514baf);box-shadow:0 14px 26px #6748d554;border:1px solid #ffffff36}
.kdli-mark span{font-size:11px;position:absolute;right:8px;top:4px;color:var(--kdli-accent2)}
.kdli-logo{width:auto;max-width:85px;max-height:50px;height:auto;object-fit:contain}
.kdli-brand-name{font-size:22px;font-weight:850;letter-spacing:-.055em;line-height:1.05;white-space:nowrap}
.kdli-brand-name>span{color:var(--kdli-accent2)}
.kdli-brand-name small{display:block;margin-top:6px;font-size:8px;font-weight:800;letter-spacing:.14em;color:#b9bfdd}
.kdli-top-label{font-size:9px;font-weight:800;letter-spacing:.17em;color:#e0e4fb;border:1px solid #ffffff23;background:#ffffff09;padding:9px 12px;border-radius:50px;white-space:nowrap}
.kdli-top-label i{display:inline-block;background:#30e3bc;width:6px;height:6px;border-radius:50%;margin-left:7px;box-shadow:0 0 12px #30e3bc}
.kdli-brand-center{position:relative;margin:53px 0 42px;max-width:540px}
.kdli-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--kdli-accent2);text-transform:uppercase}
.kdli-status-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--kdli-accent2);box-shadow:0 0 0 4px #21d7cb1a}
.kdli-brand-center h2{margin:17px 0 18px;font-size:clamp(35px,3.5vw,53px);max-width:530px;color:white;font-weight:840;letter-spacing:-.068em;line-height:1.08;text-wrap:balance}
.kdli-brand-center>p{max-width:425px;font-size:14px;line-height:1.95;color:#c7cce3;margin:0 0 26px}
.kdli-benefits{display:grid;gap:14px;list-style:none!important;padding:0!important;margin:0 0 28px!important}
.kdli-benefits li{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#dee2f6;list-style:none!important;margin:0!important;padding:0!important}
.kdli-tick{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:8px;border:1px solid #66dcdb50;background:#23d6d51c;color:var(--kdli-accent2);font-size:12px}
.kdli-showcase{display:flex;align-items:center;gap:15px;max-width:490px;padding:17px 19px;border:1px solid #ffffff27;border-radius:16px;background:linear-gradient(100deg,#ffffff15,#ffffff09);box-shadow:0 15px 30px #090c2270;backdrop-filter:blur(18px)}
.kdli-showcase-icon{display:grid;place-items:center;position:relative;width:47px;height:47px;flex:none;border-radius:13px;background:linear-gradient(135deg,#ffffff2c,#ffffff0f);font-size:24px;color:#d9d0ff;border:1px solid #ffffff2b}
.kdli-showcase-icon span{position:absolute;font-size:10px;right:7px;top:6px;color:var(--kdli-accent2)}
.kdli-showcase>div:nth-child(2){display:grid;gap:2px}.kdli-showcase strong{font-size:13px;color:#fff}.kdli-showcase>div:nth-child(2) span{font-size:11px;color:#b8c0db}
.kdli-showcase-arrow{margin-left:auto;font-size:22px;color:var(--kdli-accent2)}
.kdli-brand-bottom{padding-top:22px;border-top:1px solid #ffffff18;color:#a9b1d2;font-size:10px}
.kdli-brand-bottom a{color:#d3fff9!important;font-size:11px;font-weight:700;white-space:nowrap}.kdli-brand-bottom a:hover{color:#fff!important;transform:translateX(2px)}
.kdli-form-panel{display:flex;align-items:center;justify-content:center;min-width:0;min-height:718px;padding:58px clamp(32px,5vw,72px);background:radial-gradient(circle at 90% 90%,#2f255023,transparent 48%),linear-gradient(160deg,#111321,#0d111c);color:var(--kdli-ink)}
.kdli-form-layout{width:100%;max-width:438px;margin:auto}
.kdli-form-heading{margin:0 0 29px}.kdli-form-kicker{display:block;margin:0 0 14px;font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--kdli-accent2)}
.kdli-form-heading h1,.kdli-form-heading h2{margin:0 0 9px!important;font-size:clamp(28px,3vw,37px)!important;font-weight:820!important;letter-spacing:-.055em!important;line-height:1.2!important;color:#f6f5ff!important;text-align:left!important}
.kdli-form-heading p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:var(--kdli-sub)!important}
.kdli-form-panel form{color:var(--kdli-ink)}
.kdli-form-panel label{color:#d6dbed!important;font-size:12px!important;font-weight:670!important;line-height:1.45!important;cursor:pointer}
.kdli-form-panel input[type='text'],.kdli-form-panel input[type='email'],.kdli-form-panel input[type='password'],.kdli-form-panel input[type='url'],.kdli-form-panel input[type='tel'],.kdli-form-panel input[type='number']{display:block;width:100%;min-height:53px;padding:13px 15px;background:#1a1e30!important;color:#fff!important;border:1px solid #333950!important;border-radius:12px!important;font-size:14px!important;box-shadow:none!important;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.kdli-form-panel input[type='text']:focus,.kdli-form-panel input[type='password']:focus,.kdli-form-panel input[type='email']:focus{border-color:var(--kdli-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--kdli-accent) 18%,transparent)!important}
.kdli-form-panel input::placeholder{color:#969eb8!important}
.kdli-form-panel input[type='checkbox']{appearance:auto;accent-color:var(--kdli-accent);width:17px;height:17px;border-radius:4px;vertical-align:middle}
.kdli-form-panel button[type='submit'],.kdli-form-panel input[type='submit'],.kdli-form-panel button.button-primary,.kdli-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:12px 20px;border:1px solid #a88aff;border-radius:12px;background:linear-gradient(115deg,var(--kdli-accent),#654bd4);box-shadow:0 13px 28px #664be037;color:#fff!important;font-size:14px!important;font-weight:800!important;text-shadow:none;cursor:pointer;transition:transform .17s ease,filter .17s ease,box-shadow .17s ease}
.kdli-form-panel button[type='submit']:hover,.kdli-form-panel input[type='submit']:hover,.kdli-form-panel button.button-primary:hover,.kdli-primary-link:hover{filter:brightness(1.13);transform:translateY(-1px);box-shadow:0 17px 34px #664be047}
.kdli-pass-wrap{position:relative}.kdli-pass-wrap input{padding-right:102px!important}.kdli-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0!important;background:transparent!important;box-shadow:none!important;color:#c4ccf2!important;padding:9px 10px!important;font-size:11px!important;font-weight:700!important;min-height:0!important;cursor:pointer}
.kdli-pass-toggle:hover{color:#fff!important}.kdli-caps-warning{color:#f9c66f;font-size:11px;margin-top:5px}.kdli-caps-warning[hidden]{display:none!important}
.kdli-security-note{margin-top:24px;padding-top:20px;border-top:1px solid #2c3148;font-size:11px;color:#8793af;text-align:center}
.kdli-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:42px;color:#aeb7d3!important;font-size:12px;font-weight:750}.kdli-back:hover{color:#fff!important}
.kdli-auth-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}
.kdli-auth-links a{color:#c9c0ff!important;font-size:12px;font-weight:700}.kdli-auth-links a:hover{color:#fff!important}
.kdli-front-actions{display:grid;gap:13px}.kdli-front-actions>a:not(.kdli-primary-link){color:#c5ceeb!important;font-size:12px;text-align:center}
.kdli-success-note{margin-bottom:20px;border:1px solid #2ed6af66;background:#2ed6af0d;color:#7ae9ce;border-radius:11px;padding:14px 16px;font-size:13px}
.kdli-motion .kdli-decor-one{animation:kdliFloat 12s ease-in-out infinite alternate}.kdli-motion .kdli-decor-two{animation:kdliFloat 15s ease-in-out infinite alternate-reverse}
@keyframes kdliFloat{0%{transform:translate(0,0)}100%{transform:translate(35px,-25px)}}
@media(max-width:1040px){.kdli-shell{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.kdli-brand,.kdli-form-panel{padding:34px}.kdli-top-label{display:none}.kdli-brand-center h2{font-size:39px}}
@media(max-width:780px){.kdli-shell{display:flex;flex-direction:column;min-height:0;border-radius:21px}.kdli-reverse .kdli-brand{order:0}.kdli-reverse .kdli-form-panel{order:1}.kdli-brand{min-height:0;padding:27px 28px 25px}.kdli-brand-top{gap:12px}.kdli-brand-center{margin:26px 0 0}.kdli-brand-center h2{font-size:clamp(27px,6vw,35px);margin:10px 0}.kdli-brand-center>p{font-size:13px;margin:0}.kdli-brand-bottom,.kdli-benefits,.kdli-showcase{display:none}.kdli-form-panel{min-height:0;padding:35px 28px 40px}.kdli-form-heading{margin-bottom:24px}.kdli-back{margin-bottom:22px}}
@media(max-width:420px){.kdli-shell{border-radius:16px}.kdli-brand{padding:23px 20px}.kdli-brand-name{font-size:19px}.kdli-brand-center h2{font-size:27px}.kdli-form-panel{padding:30px 20px 34px}.kdli-form-heading h1,.kdli-form-heading h2{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.kdli-shell *, .kdli-shell *::before,.kdli-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}