.login-premium{--lp-deep:#042f2d;--lp-ink:#102f2d;--lp-teal:#087f78;--lp-bright:#16a89e;--lp-mint:#eaf8f6;--lp-line:#dbe9e7;--lp-muted:#6d8280;position:relative;isolation:isolate;min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(430px,46%) 1fr;overflow:hidden;background:#f5faf9;direction:ltr}
.login-premium__glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.login-premium__glow--one{width:440px;height:440px;left:34%;top:-260px;background:rgba(19,171,160,.11)}.login-premium__glow--two{width:360px;height:360px;right:-190px;bottom:-180px;background:rgba(8,127,120,.08)}
.login-showcase{direction:rtl;position:relative;display:flex;flex-direction:column;min-height:680px;padding:42px clamp(38px,5vw,76px) 34px;color:#fff;overflow:hidden;background:radial-gradient(circle at 12% 88%,rgba(25,190,178,.3),transparent 31%),radial-gradient(circle at 88% 8%,rgba(51,209,196,.13),transparent 28%),linear-gradient(145deg,#032b29 0%,#064945 55%,#08756e 100%)}
.login-showcase:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.login-showcase:after{content:"";position:absolute;width:470px;height:470px;left:-260px;bottom:-270px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 118px rgba(255,255,255,.02)}
.login-showcase__brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px;color:#fff!important;text-decoration:none}.login-showcase__mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#22bdb2,#0a7c75);box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.25);font-size:27px;font-weight:900}.login-showcase__brand strong{display:block;font-size:22px;line-height:1}.login-showcase__brand small{display:block;margin-top:5px;color:#91cbc6;font-size:8px;letter-spacing:2.1px}
.login-showchnav{position:absolute;z-index:2;top:46px;left:50px;display:flex;gap:8px}.login-showchnav span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:50px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);color:#c9e6e3;font-size:10px}.login-showchnav i{color:#56d6cb}
.login-showcase__content{position:relative;z-index:2;margin:auto 0 38px}.login-showcase__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(83,219,207,.2);border-radius:50px;background:rgba(40,177,166,.1);color:#61dbd0;font-size:11px;font-weight:800}.login-showcase__content h1{margin:22px 0 20px;font-size:clamp(48px,5.1vw,73px);line-height:1.09;letter-spacing:-2.8px}.login-showcase__content h1 em{color:#54d4c9;font-style:normal}.login-showcase__content>p{max-width:510px;margin:0;color:#b7d4d1;font-size:15px;line-height:2}
.login-security-card{width:min(480px,100%);display:flex;align-items:center;gap:13px;margin-top:30px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.09)}.login-security-card__icon{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:13px;background:rgba(60,218,205,.14);color:#60ddd2;font-size:23px}.login-security-card>div:nth-child(2){display:grid;gap:3px;flex:1}.login-security-card strong{font-size:13px}.login-security-card small{color:#a8cbc8;font-size:10px}.login-security-card__state{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:rgba(70,219,144,.11);color:#89ebb8;font-size:10px;font-weight:800}.login-security-card__state i{width:6px;height:6px;border-radius:50%;background:#6fe0a5;box-shadow:0 0 0 4px rgba(111,224,165,.1);animation:loginLive 2s infinite}
.login-showcase__footer{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.11);padding-top:22px}.login-mini-stat{display:grid;gap:2px;padding-inline:15px;border-left:1px solid rgba(255,255,255,.1)}.login-mini-stat:first-child{padding-right:0}.login-mini-stat:last-child{border-left:0}.login-mini-stat strong{color:#fff;font-size:18px}.login-mini-stat span{color:#90b8b4;font-size:9px}
.login-workspace{direction:rtl;display:grid;align-content:center;justify-items:center;padding:42px clamp(24px,6vw,90px)}.login-mobile-brand{display:none}.login-card{width:min(530px,100%);padding:38px 40px 30px;border:1px solid rgba(203,223,220,.85);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(15,70,65,.12),0 2px 8px rgba(15,70,65,.04);backdrop-filter:blur(16px)}.login-card__header{text-align:center}.login-card__kicker{display:inline-flex;padding:6px 10px;border-radius:30px;background:var(--lp-mint);color:var(--lp-teal);font-size:10px;font-weight:900}.login-card__header h2{margin:10px 0 5px;color:var(--lp-ink);font-size:34px;letter-spacing:-.8px}.login-card__header p{margin:0;color:var(--lp-muted);font-size:13px}
.login-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0 22px;padding:5px;border:1px solid #e1ecea;border-radius:17px;background:#f3f8f7}.login-methods button{position:relative;min-height:65px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#718582;text-align:right;font:inherit;cursor:pointer;transition:.22s}.login-methods button>i{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;background:#e6efed;font-size:17px}.login-methods button span{display:grid;gap:1px}.login-methods button b{font-size:12px}.login-methods button small{font-size:9px;color:#90a09e}.login-methods button em{position:absolute;left:7px;top:6px;padding:3px 5px;border-radius:8px;background:#daf3ef;color:#087f78;font-size:7px;font-style:normal;font-weight:900}.login-methods button.is-active{border-color:#c4e5e1;background:#fff;color:var(--lp-teal);box-shadow:0 6px 18px rgba(13,91,85,.08)}.login-methods button.is-active>i{background:linear-gradient(145deg,#13a59c,#08766f);color:#fff;box-shadow:0 7px 16px rgba(8,127,120,.2)}
.login-panel[hidden]{display:none}.login-panel.is-active{animation:loginPanelIn .3s ease}.login-panel__intro{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding:11px 13px;border:1px solid #d6ece8;border-radius:13px;background:#f0faf8}.login-panel__intro>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#d9f2ee;color:var(--lp-teal)}.login-panel__intro>div{display:grid;gap:2px}.login-panel__intro strong{color:#31524f;font-size:11px}.login-panel__intro small{color:#78908d;font-size:9px}.login-panel__intro--amber{border-color:#f0e4c9;background:#fffaf0}.login-panel__intro--amber>span{background:#f8eacb;color:#ad7410}
.login-form{display:grid;gap:10px}.login-form label{margin-top:2px;color:#294946;font-size:11px;font-weight:900}.login-field{position:relative}.login-field>i:first-child{position:absolute;z-index:1;right:15px;top:50%;transform:translateY(-50%);color:#829693;font-size:16px}.login-field input{width:100%;height:51px;padding:11px 44px 11px 43px;border:1px solid var(--lp-line);border-radius:13px;outline:0;background:#f9fbfb;color:var(--lp-ink);font:inherit;font-size:13px;transition:.2s}.login-field input::placeholder{color:#a5b2b0}.login-field input:focus{border-color:#28a69e;background:#fff;box-shadow:0 0 0 4px rgba(8,127,120,.09)}.login-field:focus-within>i:first-child{color:var(--lp-teal)}.login-field__check{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:21px;height:21px;display:none;place-items:center;border-radius:50%;background:#e0f4f0;color:var(--lp-teal);font-size:11px}.login-field input:valid:not(:placeholder-shown)+.login-field__check{display:grid}.login-password-toggle{position:absolute;left:7px;top:7px;width:37px;height:37px;border:0;border-radius:10px;background:transparent;color:#829693;cursor:pointer}.login-password-toggle:hover{background:#edf5f4;color:var(--lp-teal)}
.login-submit{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;border:0;border-radius:13px;background:linear-gradient(135deg,#0b928a,#076a64);color:#fff;font:inherit;font-size:13px;font-weight:900;box-shadow:0 13px 27px rgba(8,127,120,.23);cursor:pointer;transition:.22s}.login-submit i{transition:transform .22s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(8,127,120,.29)}.login-submit:hover i{transform:translateX(-4px)}.login-submit--dark{background:linear-gradient(135deg,#174844,#0a312e)}.login-privacy{display:flex;justify-content:center;align-items:center;gap:6px;margin:13px 0 0;color:#8b9d9a;font-size:9px}.login-privacy i{color:#56a8a1}.login-card__footer{display:flex;justify-content:center;gap:6px;margin-top:22px;padding-top:19px;border-top:1px solid #e5eeec;color:#7c908d;font-size:11px}.login-card__footer a,.login-help a{color:var(--lp-teal);font-weight:900;text-decoration:none}.login-help{display:flex;align-items:center;gap:9px;margin-top:17px;color:#768b88;font-size:10px}.login-help>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d8e7e4;border-radius:50%;background:#fff;color:var(--lp-teal)}
@keyframes loginPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes loginLive{50%{box-shadow:0 0 0 7px rgba(111,224,165,0)}}
@media(max-width:1100px){.login-premium{grid-template-columns:minmax(370px,42%) 1fr}.login-showchnav{display:none}.login-showcase__content h1{font-size:50px}.login-showcase__footer{grid-template-columns:1fr}.login-mini-stat{display:none}.login-mini-stat:first-child{display:grid;border:0}.login-workspace{padding-inline:28px}}
@media(max-width:820px){.login-premium{display:block;min-height:calc(100svh - 70px);padding:26px 18px 40px;background:radial-gradient(circle at 10% 0,rgba(17,165,155,.15),transparent 34%),#f3f9f8}.login-showcase{display:none}.login-workspace{display:block;padding:0}.login-mobile-brand{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:19px;color:var(--lp-deep)}.login-mobile-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#12a198,#076b65);color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(8,127,120,.2)}.login-mobile-brand b{font-size:17px}.login-mobile-brand small{display:block;color:#71918e;font-size:7px;letter-spacing:1.5px}.login-card{margin:auto}.login-help{justify-content:center}}
@media(max-width:540px){.login-premium{padding:17px 10px 30px}.login-card{padding:27px 18px 23px;border-radius:22px}.login-card__header h2{font-size:29px}.login-methods{gap:5px;margin-block:21px 18px}.login-methods button{min-height:61px;padding:8px}.login-methods button>i{width:31px;height:31px}.login-methods button em{display:none}.login-panel__intro{align-items:flex-start}.login-card__footer{margin-top:18px}.site-footer{display:none}}
@media(max-width:370px){.login-methods button small{display:none}.login-methods button{justify-content:center}.login-methods button>i{display:none}}
@media(prefers-reduced-motion:reduce){.login-panel.is-active,.login-security-card__state i{animation:none}.login-submit,.login-methods button{transition:none}}