/* LiveON Login Experience v2 — video landing, premium secure access */
.lon-login-v2{
    --lon-ink:#10231f;
    --lon-ink-soft:#354c46;
    --lon-muted:#667a74;
    --lon-green:#087a4b;
    --lon-green-2:#15a46b;
    --lon-green-soft:#dff4e9;
    --lon-blue:#1d6fa5;
    --lon-line:rgba(80,106,98,.18);
    --lon-glass:rgba(250,253,252,.78);
    --lon-glass-strong:rgba(255,255,255,.9);
    --lon-silver:#d9e3e8;
    --lon-danger:#9a2e36;
    --lon-warning:#8a5b12;
    position:relative;
    isolation:isolate;
    width:100%;
    height:100svh;
    min-height:680px;
    display:grid;
    grid-template-rows:66px minmax(0,1fr) 82px;
    overflow:hidden;
    color:var(--lon-ink);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    background:#eaf0f2;
}
.lon-login-v2 *{box-sizing:border-box}
.lon-login-v2 a{color:inherit}
.lon-login-v2 button,.lon-login-v2 input{font:inherit}
.lon-login-v2 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.lon-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#edf2f4 url('/assets/img/auth/liveon-login-poster.jpg') center/cover no-repeat}
.lon-media__video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.88) contrast(.96) brightness(1.03);opacity:0;transition:opacity 1.1s ease}
.lon-login-v2.is-video-ready .lon-media__video{opacity:1}

/*
.lon-media__veil{position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(246,250,249,.94) 0%,rgba(245,250,248,.82) 25%,rgba(239,246,247,.18) 48%,rgba(238,246,247,.12) 60%,rgba(244,249,248,.64) 78%,rgba(247,251,250,.88) 100%),
    linear-gradient(180deg,rgba(255,255,255,.22),transparent 28%,rgba(225,235,238,.18) 70%,rgba(238,244,244,.65));
}
.lon-media__grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
*/
.lon-media__veil {
    position: absolute;
    inset: 0;
    background: 
        linear-gradient(90deg, 
            rgba(246, 250, 249, 0.95) 0%, 
            rgba(245, 250, 248, 0.80) 10%, 
            rgba(239, 246, 247, 0) 30%, 
            rgba(238, 246, 247, 0) 70%, 
            rgba(244, 249, 248, 0.80) 90%, 
            rgba(247, 251, 250, 0.95) 100%
        ),
        linear-gradient(180deg, 
            rgba(255, 255, 255, 0.22), 
            transparent 28%, 
            rgba(225, 235, 238, 0.18) 70%, 
            rgba(238, 244, 244, 0.65)
        );
    pointer-events: none;
}

.lon-topbar{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 clamp(20px,3vw,52px);
/*background:rgba(255,255,255,.7);border-bottom:1px solid rgba(100,122,117,.14);box-shadow:0 8px 32px rgba(46,68,63,.04);
backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18) */ }
.lon-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.lon-brand img{width:auto;height:34px;display:block}
.lon-brand__divider{width:1px;height:24px;background:var(--lon-line)}
.lon-brand__product{font-size:12px;font-weight:720;letter-spacing:.02em;color:var(--lon-ink-soft);white-space:nowrap}
.lon-topbar__trust{justify-self:end;display:flex;align-items:center;gap:22px;color:var(--lon-ink-soft)}
.lon-topbar__trust span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}
.lon-topbar__trust svg{width:16px;height:16px;color:var(--lon-green);stroke-width:2}
.lon-help{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:1px solid var(--lon-line);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.64);font-size:11px;font-weight:750;color:var(--lon-ink-soft);transition:.2s ease}
.lon-help svg{width:16px;height:16px;color:var(--lon-green)}
.lon-help:hover{background:#fff;border-color:rgba(8,122,75,.3);transform:translateY(-1px);box-shadow:0 10px 24px rgba(28,67,54,.08)}

.lon-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,455px);align-items:center;gap:clamp(34px,6vw,104px);width:min(1480px,100%);margin:0 auto;padding:24px clamp(24px,4vw,70px);overflow:auto;scrollbar-width:none}
.lon-stage::-webkit-scrollbar{display:none}
.lon-story{align-self:center;max-width:535px;padding:12px 0 16px;animation:lonRise .7s cubic-bezier(.16,1,.3,1) both}
.lon-story__kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;padding:7px 11px;border:1px solid rgba(8,122,75,.18);border-radius:999px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#285148;backdrop-filter:blur(12px)}
.lon-live-dot{width:7px;height:7px;border-radius:50%;background:#1ab875;box-shadow:0 0 0 5px rgba(26,184,117,.12);animation:lonPulse 2.6s ease-in-out infinite}
.lon-story h1{margin:0;max-width:525px;font-size:clamp(38px,4.1vw,64px);line-height:.99;letter-spacing:-.055em;font-weight:780;color:#112923;text-shadow:0 2px 20px rgba(255,255,255,.82)}
.lon-story h1 span{background:linear-gradient(108deg,#0a8150 0%,#16a46c 44%,#1b7695 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lon-story__lead{max-width:505px;margin:20px 0 22px;font-size:14px;line-height:1.68;color:#4f6761;text-shadow:0 1px 14px rgba(255,255,255,.9)}

.lon-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.lon-value-grid article{min-width:0;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid rgba(82,108,100,.15);border-radius:15px;background:rgba(255,255,255,.61);box-shadow:0 10px 28px rgba(45,76,66,.055),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(15px);transition:transform .22s ease,background .22s ease}
.lon-value-grid article:hover{transform:translateY(-2px);background:rgba(255,255,255,.79)}
.lon-value-icon{flex:0 0 auto;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#e9f7f0,#fff);color:var(--lon-green);box-shadow:inset 0 0 0 1px rgba(8,122,75,.12)}
.lon-value-icon svg{width:17px;height:17px}
.lon-value-grid strong{display:block;font-size:10.5px;line-height:1.25;color:#17332c}
.lon-value-grid small{display:block;margin-top:3px;font-size:8.7px;line-height:1.25;color:#70827d}

.lon-announcement{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:14px 15px;border:1px solid rgba(88,111,105,.16);border-radius:19px;background:linear-gradient(120deg,rgba(255,255,255,.78),rgba(242,249,247,.62));box-shadow:0 18px 40px rgba(42,72,62,.07),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(20px)}
.lon-announcement__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0b8252,#20ad76);box-shadow:0 11px 26px rgba(8,122,75,.22)}
.lon-announcement__icon svg{width:20px;height:20px}
.lon-announcement__content{position:relative;min-height:65px;min-width:0}
.lon-announcement__slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .42s ease,transform .42s ease}
.lon-announcement__slide.is-active{opacity:1;transform:none;pointer-events:auto}
.lon-announcement__slide small{font-size:8.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--lon-green)}
.lon-announcement__slide strong{margin-top:2px;font-size:12px;color:#18362e}
.lon-announcement__slide p{margin:4px 0 0;font-size:9.5px;line-height:1.45;color:#647873}
.lon-announcement__dots{display:flex;flex-direction:column;gap:6px;padding-left:7px}
.lon-announcement__dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#bdcac6;cursor:pointer;transition:.2s ease}
.lon-announcement__dots button.is-active{height:17px;border-radius:7px;background:var(--lon-green)}
.lon-industry-proof{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding-left:3px;font-size:9px;color:#71837e}
.lon-industry-proof span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#405c54}
.lon-industry-proof b{font-weight:700;color:#506861}
.lon-industry-proof i{width:3px;height:3px;border-radius:50%;background:#65aa8c}
.lon-review{display:flex;gap:12px;align-items:center;margin-top:12px;padding:11px 13px;border:1px solid rgba(82,108,100,.15);border-radius:16px;background:rgba(255,255,255,.63);backdrop-filter:blur(14px)}
.lon-review__avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b8252,#20ad76);color:#fff;font-weight:800}
.lon-review__avatar img{width:100%;height:100%;object-fit:cover}
.lon-review__stars{font-size:9px;letter-spacing:.08em;color:#e59a22}
.lon-review blockquote{margin:2px 0;font-size:9.5px;line-height:1.4;color:#425c55}
.lon-review cite{font-size:8.5px;font-style:normal;font-weight:700;color:#6a7d78}

.lon-auth{align-self:center;width:100%;max-width:455px;justify-self:end;animation:lonRise .8s .08s cubic-bezier(.16,1,.3,1) both}
.lon-auth-frame{position:relative;padding:1px;border-radius:29px;background:conic-gradient(from var(--lon-border-angle),rgba(255,255,255,.98),#b7c8cf,#eaf2f4,#0f8e5a,#d8e4e8,rgba(255,255,255,.98));box-shadow:0 32px 90px rgba(32,62,54,.19),0 8px 24px rgba(32,62,54,.08);animation:lonBorder 13s linear infinite}
.lon-auth-frame::before{content:"";position:absolute;inset:-9px;border-radius:37px;background:conic-gradient(from var(--lon-border-angle),transparent 0 25%,rgba(255,255,255,.72),rgba(21,164,107,.18),transparent 58%);filter:blur(15px);opacity:.55;z-index:-1;animation:lonBorder 13s linear infinite}
.lon-auth-card{position:relative;padding:23px 24px 21px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(247,251,250,.82));backdrop-filter:blur(30px) saturate(1.18);-webkit-backdrop-filter:blur(30px) saturate(1.18);overflow:hidden}
.lon-auth-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle at 100% 18%,rgba(49,169,119,.08),transparent 31%)}
.lon-auth-card>*{position:relative;z-index:1}
.lon-auth-card__topline{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(83,108,101,.13)}
.lon-auth-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e6f6ed,#fff);color:var(--lon-green);box-shadow:inset 0 0 0 1px rgba(8,122,75,.13)}
.lon-auth-mark svg{width:19px;height:19px}
.lon-auth-card__topline div{min-width:0}
.lon-auth-card__topline small{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.12em;color:#778983}
.lon-auth-card__topline strong{display:block;margin-top:2px;font-size:11.5px;color:#1a362f}
.lon-auth-status{margin-left:auto;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#187148;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.lon-auth-status i{width:6px;height:6px;border-radius:50%;background:#22ad71;box-shadow:0 0 0 4px rgba(34,173,113,.11)}
.lon-auth-heading{margin:17px 0 13px}
.lon-auth-heading h2{margin:0;font-size:26px;line-height:1.05;letter-spacing:-.035em;color:#122a24}
.lon-auth-heading p{margin:6px 0 0;font-size:11px;color:#687b75}
.lon-restricted{display:flex;gap:10px;padding:10px 11px;margin-bottom:13px;border:1px solid rgba(145,89,20,.19);border-radius:13px;background:linear-gradient(110deg,rgba(255,247,232,.92),rgba(255,252,245,.74));color:#7b5319}
.lon-restricted>svg{flex:0 0 auto;width:17px;height:17px;margin-top:1px;stroke-width:2}
.lon-restricted strong{display:block;font-size:9.5px;color:#704915}
.lon-restricted span{display:block;margin-top:2px;font-size:8.4px;line-height:1.45;color:#8a6c41}
.lon-form-alert{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 11px;border:1px solid rgba(154,46,54,.19);border-radius:12px;background:#fff1f2;color:#8e2931;font-size:9px;line-height:1.4;font-weight:650}
.lon-form-alert svg{flex:0 0 auto;width:16px;height:16px}
.lon-field{margin-bottom:12px}
.lon-field label{display:block;margin-bottom:5px;font-size:9px;font-weight:790;color:#28443c}
.lon-input{position:relative;display:flex;align-items:center;height:43px;border:1px solid rgba(78,103,96,.2);border-radius:12px;background:rgba(255,255,255,.77);box-shadow:inset 0 1px 2px rgba(26,50,43,.025);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.lon-input>svg{position:absolute;left:12px;width:16px;height:16px;color:#70837d}
.lon-input input{width:100%;height:100%;padding:0 42px 0 37px;border:0;outline:0;background:transparent;color:#17342c;font-size:11px;font-weight:600}
.lon-input input::placeholder{color:#9aa8a4;font-weight:500}
.lon-input:focus-within{border-color:rgba(8,122,75,.55);background:#fff;box-shadow:0 0 0 4px rgba(12,142,86,.09),0 11px 27px rgba(30,75,59,.07)}
.lon-input.is-invalid{border-color:rgba(154,46,54,.6);box-shadow:0 0 0 4px rgba(154,46,54,.07)}
.lon-password-toggle{position:absolute;right:5px;width:33px;height:33px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#71847e;cursor:pointer;transition:.18s ease}
.lon-password-toggle:hover{background:#edf7f2;color:var(--lon-green)}
.lon-password-toggle svg{width:16px;height:16px}
.lon-password-toggle .lon-eye-closed{display:none}
.lon-password-toggle.is-showing .lon-eye-open{display:none}
.lon-password-toggle.is-showing .lon-eye-closed{display:block}
.lon-field__message{display:block;min-height:12px;margin-top:4px;font-size:8px;color:var(--lon-danger)}
.lon-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px 0 13px}
.lon-remember{position:relative;display:flex;align-items:center;gap:7px;font-size:9px;color:#647872;cursor:pointer}
.lon-remember input{position:absolute;opacity:0;pointer-events:none}
.lon-remember span{width:15px;height:15px;border:1px solid rgba(80,105,97,.27);border-radius:5px;background:#fff;transition:.18s ease}
.lon-remember input:checked+span{border-color:var(--lon-green);background:var(--lon-green);box-shadow:inset 0 0 0 3px #fff}
.lon-form-row a{font-size:9px;font-weight:750;color:var(--lon-green);text-decoration:none}
.lon-form-row a:hover{text-decoration:underline}
.lon-submit{position:relative;width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#067448,#0b8b57 52%,#14a36a);box-shadow:0 16px 30px rgba(8,122,75,.24),inset 0 1px 0 rgba(255,255,255,.26);font-size:10.5px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.lon-submit::before{content:"";position:absolute;inset:-2px;transform:translateX(-115%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.27),transparent);transition:transform .65s ease}
.lon-submit:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 19px 36px rgba(8,122,75,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.lon-submit:hover::before{transform:translateX(115%)}
.lon-submit:active{transform:scale(.992)}
.lon-submit:disabled{opacity:.65;cursor:wait}
.lon-submit>svg{width:17px;height:17px}
.lon-submit__spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lonSpin .7s linear infinite}
.lon-submit.is-loading .lon-submit__spinner{display:block}
.lon-submit.is-loading>svg{display:none}
.lon-access-policy{margin:8px 7px 0;text-align:center;font-size:7.7px;line-height:1.45;color:#788984}
.lon-sso-divider{display:flex;align-items:center;gap:9px;margin:13px 0 10px;color:#80908b;font-size:7.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lon-sso-divider::before,.lon-sso-divider::after{content:"";height:1px;flex:1;background:rgba(80,105,97,.15)}
.lon-sso-row{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.lon-sso-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(80,105,97,.18);border-radius:12px;background:rgba(255,255,255,.84);box-shadow:0 8px 20px rgba(37,64,56,.05);transition:.18s ease}
.lon-sso-button:hover{transform:translateY(-2px);border-color:rgba(8,122,75,.28);box-shadow:0 12px 25px rgba(37,64,56,.1)}
.lon-sso-button svg{width:18px;height:18px;stroke:none}
.lon-sso-ready{display:flex;align-items:center;gap:8px;margin:12px 0;padding:8px 10px;border-radius:11px;background:rgba(238,244,242,.66);font-size:7.8px;line-height:1.35;color:#70817c}
.lon-sso-ready svg{flex:0 0 auto;width:15px;height:15px;color:#578172}
.lon-explore{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(8,122,75,.15);border-radius:13px;background:linear-gradient(120deg,rgba(224,245,234,.79),rgba(242,250,246,.86));text-decoration:none;transition:.18s ease}
.lon-explore:hover{border-color:rgba(8,122,75,.31);transform:translateY(-1px);box-shadow:0 11px 25px rgba(34,77,62,.08)}
.lon-explore small{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:#51806e}
.lon-explore strong{display:block;margin-top:2px;font-size:9.5px;color:#17553b}
.lon-explore>svg{width:17px;height:17px;color:var(--lon-green)}
.lon-auth-footnote{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:9px;color:#536c65;font-size:7.5px;text-shadow:0 1px 7px #fff}
.lon-auth-footnote span{display:flex;align-items:center;gap:5px}
.lon-auth-footnote span+span::before{content:"";width:3px;height:3px;border-radius:50%;background:#8da29b;margin-right:7px}
.lon-auth-footnote i{width:6px;height:6px;border-radius:50%;background:#1faf72;box-shadow:0 0 0 4px rgba(31,175,114,.12)}

.lon-feature-dock{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:7px clamp(20px,3vw,48px);border-top:1px solid rgba(88,111,105,.14);background:rgba(252,254,253,.82);box-shadow:0 -12px 42px rgba(42,69,61,.05);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15)}
.lon-feature-dock__items{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:6px}
.lon-feature-dock__items article{position:relative;min-width:0;display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:14px;transition:.2s ease}
.lon-feature-dock__items article:hover{background:rgba(231,246,238,.68);transform:translateY(-1px)}
.lon-feature-dock__items img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(8,89,52,.12));animation:lonIconBreathe 5.4s var(--lon-delay) ease-in-out infinite}
.lon-feature-dock__items strong{display:block;font-size:9.5px;color:#1b352e;white-space:nowrap}
.lon-feature-dock__items span{display:block;margin-top:2px;font-size:7.8px;color:#73847f;white-space:nowrap}
.lon-feature-dock__company{padding-left:18px;border-left:1px solid rgba(86,111,103,.15);text-align:right;white-space:nowrap}
.lon-feature-dock__company span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#8a9995}
.lon-feature-dock__company strong{display:block;margin-top:2px;font-size:8.5px;color:#466159}
.lon-feature-dock__company small{display:block;margin-top:2px;font-size:7.2px;color:#8a9995}

@property --lon-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes lonBorder{to{--lon-border-angle:360deg}}
@keyframes lonRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lonPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.83);opacity:.72}}
@keyframes lonSpin{to{transform:rotate(360deg)}}
@keyframes lonIconBreathe{0%,78%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 7px 10px rgba(8,89,52,.12))}86%{transform:translateY(-2px) scale(1.055);filter:drop-shadow(0 9px 15px rgba(8,110,62,.22))}}

@media (max-width:1260px){
    .lon-login-v2{grid-template-rows:62px minmax(0,1fr) 78px}
    .lon-topbar{gap:18px;padding-inline:24px}
    .lon-topbar__trust{gap:13px}.lon-topbar__trust span{font-size:9.5px}
    .lon-stage{grid-template-columns:minmax(0,1fr) minmax(370px,420px);gap:36px;padding:18px 30px}
    .lon-story{max-width:470px}.lon-story h1{font-size:48px}.lon-story__lead{font-size:12.5px;margin:15px 0 17px}
    .lon-value-grid article:nth-child(2){display:none}.lon-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lon-auth{max-width:420px}.lon-auth-card{padding:19px 20px 18px}
    .lon-feature-dock{padding-inline:22px}.lon-feature-dock__items article{padding-inline:6px}.lon-feature-dock__items img{width:34px;height:34px}.lon-feature-dock__items strong{font-size:8.6px}.lon-feature-dock__items span{font-size:7.2px}
}
@media (max-height:820px) and (min-width:900px){
    .lon-login-v2{min-height:620px;grid-template-rows:58px minmax(0,1fr) 68px}
    .lon-brand img{height:29px}.lon-stage{padding-block:10px}
    .lon-story__kicker{margin-bottom:10px}.lon-story h1{font-size:44px}.lon-story__lead{margin:12px 0 13px;line-height:1.5}.lon-value-grid{margin-bottom:9px}.lon-value-grid article{padding-block:8px}.lon-announcement{min-height:82px;padding-block:9px}.lon-industry-proof{display:none}
    .lon-auth-card{padding:14px 18px 13px}.lon-auth-card__topline{padding-bottom:8px}.lon-auth-heading{margin:9px 0 7px}.lon-auth-heading h2{font-size:22px}.lon-auth-heading p{margin-top:4px}.lon-restricted{margin-bottom:7px;padding:7px 9px}.lon-restricted span{font-size:7.7px}.lon-field{margin-bottom:6px}.lon-input{height:38px}.lon-field__message{min-height:8px;margin-top:2px}.lon-form-row{margin-bottom:7px}.lon-submit{height:40px}.lon-access-policy{margin-top:5px}.lon-sso-ready{display:none}.lon-explore{margin-top:7px;padding:7px 9px}.lon-auth-footnote{display:none}
    .lon-feature-dock__items img{width:30px;height:30px}
}
@media (max-width:980px){
    .lon-login-v2{height:auto;min-height:100svh;grid-template-rows:auto auto auto;overflow:visible;background:#edf2f4}
    .lon-media{position:fixed}.lon-media__video{display:none}.lon-media__veil{background:linear-gradient(180deg,rgba(247,251,250,.88),rgba(237,244,244,.8))}
    .lon-topbar{position:sticky;top:0;min-height:62px;grid-template-columns:1fr auto;padding:0 18px}.lon-topbar__trust{display:none}.lon-brand__product{font-size:10px}.lon-help span{display:none}.lon-help{width:36px;padding:0;justify-content:center}
    .lon-stage{grid-template-columns:1fr;grid-template-areas:'auth' 'story';gap:28px;padding:28px 18px 34px;overflow:visible}
    .lon-auth{grid-area:auth;justify-self:center;max-width:470px}.lon-story{grid-area:story;justify-self:center;width:100%;max-width:640px;text-align:center;padding-bottom:0}.lon-story h1{max-width:none;font-size:clamp(39px,8vw,58px)}.lon-story__lead{margin-inline:auto}.lon-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lon-value-grid article:nth-child(2){display:flex}.lon-announcement{text-align:left}.lon-industry-proof{justify-content:center}
    .lon-feature-dock{position:relative;grid-template-columns:1fr;gap:9px;padding:14px 14px 12px}.lon-feature-dock__items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.lon-feature-dock__items article{flex:0 0 165px;scroll-snap-align:start;background:rgba(255,255,255,.48)}.lon-feature-dock__company{border-left:0;border-top:1px solid rgba(86,111,103,.12);padding:9px 0 0;text-align:center}
}
@media (max-width:560px){
    .lon-brand__divider,.lon-brand__product{display:none}.lon-brand img{height:31px}
    .lon-stage{padding:20px 12px 28px}.lon-auth-card{padding:18px 15px 16px;border-radius:23px}.lon-auth-frame{border-radius:24px}.lon-auth-frame::before{border-radius:30px}.lon-auth-card__topline{gap:8px}.lon-auth-status{font-size:7px}.lon-auth-heading h2{font-size:24px}.lon-restricted span{font-size:8px}.lon-input{height:44px}.lon-form-row{align-items:flex-start}.lon-access-policy{font-size:7.4px}
    .lon-story{padding-inline:5px}.lon-story h1{font-size:40px}.lon-story__lead{font-size:12px}.lon-value-grid{grid-template-columns:1fr}.lon-value-grid article{padding:10px 12px}.lon-announcement{grid-template-columns:38px minmax(0,1fr);min-height:106px}.lon-announcement__dots{position:absolute;right:10px;bottom:9px;flex-direction:row}.lon-announcement__dots button.is-active{width:17px;height:6px}.lon-industry-proof{font-size:8px}
    .lon-auth-footnote{gap:7px;flex-wrap:wrap}.lon-auth-footnote span+span::before{display:none}
}
@media (prefers-reduced-motion:reduce){
    .lon-login-v2 *,.lon-login-v2 *::before,.lon-login-v2 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
    .lon-media__video{display:none}
}

.lon-media__veil::before {
    content: "";
    position: absolute;
    width: 480px;
    height: 480px;
    left: var(--robot-x);
    top: var(--robot-y);
    transform: translate(-50%, -50%);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(16, 132, 90, 0.07) 0%,
            rgba(16, 132, 90, 0.035) 34%,
            transparent 70%
        );

    box-shadow:
        0 0 90px rgba(22, 137, 96, 0.06);

    animation: lonRobotHalo 6s ease-in-out infinite;
}

@keyframes lonRobotHalo {
    0%,
    100% {
        opacity: 0.62;
        transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
        opacity: 0.92;
        transform: translate(-50%, -50%) scale(1.04);
    }
}