.auth-page{--auth-green:#2fb24a;--auth-ink:#151515;color:#fafafa;-webkit-font-smoothing:antialiased;background:#101010;grid-template-columns:1.14fr 1fr;gap:24px;min-height:100svh;padding:24px;font-family:Inter,sans-serif;display:grid}.auth-page :is(a,button,input){outline-offset:5px}.auth-page :is(a,button):focus-visible{outline:2px solid var(--auth-green)}.auth-brand-panel{flex-direction:column;min-width:0;padding:18px clamp(28px,2.8vw,52px) 13px;display:flex}.auth-header{flex-shrink:0}.auth-brand{align-items:center;margin-left:-12px;display:inline-flex}.auth-brand img{filter:brightness(0)invert();width:156px;height:auto;display:block}.auth-introduction{margin:auto 0;padding:24px 0 16px}.auth-statement{color:#fafafa;letter-spacing:-3px;font-size:clamp(46px,4.3vw,65px);font-weight:700;line-height:1.1}.auth-keyword{padding-bottom:.12em;display:inline-block;position:relative}.auth-keyword:after{content:"";background:var(--auth-green);height:.065em;min-height:4px;position:absolute;bottom:.02em;left:0;right:0}.auth-stop{color:var(--auth-green)}.auth-summary{color:#a0a0a0;margin-top:23px;font-size:13px;line-height:1.8}.auth-graphic{width:600px;max-width:100%;height:220px;margin:22px 0 0 -12px;position:relative}.auth-network{width:100%;height:100%;position:absolute;inset:0}.auth-card{filter:drop-shadow(0 16px 20px #0008);border-radius:16px;height:auto;position:absolute}.auth-card-keyfuels{width:235px;top:8px;left:9%;transform:perspective(900px)rotateY(9deg)rotate(-12deg)}.auth-card-uk{border:1px solid #393939;width:266px;top:31px;left:39%;transform:perspective(900px)rotateY(-8deg)rotate(9deg)}.auth-brand-footer{color:#777;flex-shrink:0;font-size:10px;line-height:1.8}.auth-form-area{min-width:0;color:var(--auth-ink);background:#fafafa;border-radius:26px;flex-direction:column;align-items:center;padding:56px clamp(36px,4.4vw,76px) 30px;display:flex}.auth-form-wrap{width:100%;max-width:390px;margin:auto 0;padding:28px 0}.auth-form-wrap h1{letter-spacing:-1.3px;color:var(--auth-ink);font-size:clamp(28px,2.4vw,34px);font-weight:600;line-height:1.2}.auth-intro{color:#717171;margin-top:13px;font-size:13px;line-height:1.65}.auth-form{margin-top:38px}.auth-field+.auth-field{margin-top:24px}.auth-field label{color:#333;font-size:12px;font-weight:500;line-height:1.5;display:block}.auth-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-help-toggle{color:#646464;background:0 0;padding:0;font-size:11px;line-height:1.6}.auth-help-toggle:hover,.auth-help-toggle[aria-expanded=true]{color:#111;-webkit-text-decoration-color:var(--auth-green);text-decoration-color:var(--auth-green)}.auth-field>input,.auth-password{background:#fff;border:1px solid #dcdcdc;border-radius:10px;width:100%;height:54px;margin-top:10px;transition:border-color .15s,box-shadow .15s}.auth-field input{color:#151515;caret-color:#187a34;font-size:14px}.auth-field>input{padding:0 16px}.auth-field input::placeholder{color:#999;opacity:1}.auth-field>input:hover,.auth-password:hover{border-color:#b5b5b5}.auth-field>input:focus,.auth-password:focus-within{border-color:#258f3c;outline:none;box-shadow:0 0 0 3px #2fb24a13}.auth-field input:-webkit-autofill{-webkit-text-fill-color:#151515;caret-color:#187a34;-webkit-box-shadow:inset 0 0 0 1000px #fff}.auth-password{align-items:center;display:flex}.auth-password input{background:0 0;border:0;border-radius:10px;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0 8px 0 16px}.auth-password-toggle{color:#8b8b8b;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:48px;height:48px;margin-right:2px;display:flex}.auth-password-toggle:hover{color:#111}.auth-password-toggle:focus-visible{outline-offset:-5px}.auth-caps-lock{color:#555;margin-top:8px;font-size:11px}.auth-error{color:#a82f25;background:#fff1ef;border:1px solid #f1c9c3;border-radius:10px;margin-top:20px;padding:12px 14px;font-size:12px;line-height:1.7}.auth-submit{color:#fff;background:#187f34;border:1px solid #187f34;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:30px;padding:0 48px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.auth-submit:hover{background:#126a2a;border-color:#126a2a}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:wait;justify-content:center}.auth-submit>svg{transition:transform .15s;position:absolute;right:19px}.auth-submit:disabled>svg{position:static}.auth-submit:hover:not(:disabled)>svg{transform:translate(3px)}.auth-credentials{color:#777;justify-content:center;align-items:center;gap:7px;margin-top:19px;font-size:10px;line-height:1.6;display:flex}.auth-help-panel{border-top:1px solid #e1e1e1;margin-top:24px;padding:18px 0 0}.auth-help-panel strong{color:#222;font-size:12px;font-weight:600}.auth-help-panel p{color:#717171;margin-top:7px;font-size:12px;line-height:1.7}.auth-help-panel a{color:#187a34;align-items:center;gap:7px;margin-top:10px;font-size:12px;display:inline-flex}.auth-help-panel a:hover{text-underline-offset:4px;text-decoration:underline}.auth-panel-footer{color:#888;justify-content:center;gap:16px;width:100%;max-width:390px;margin-top:32px;padding-top:24px;font-size:12px;line-height:1.6;display:flex}.auth-panel-footer a{color:#333;align-items:center;gap:6px;display:inline-flex}.auth-panel-footer a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--auth-green);text-decoration-color:var(--auth-green);text-underline-offset:4px}@media (min-width:1700px){.auth-page{gap:32px;padding:32px}.auth-brand-panel{padding:24px 64px 18px}.auth-statement{letter-spacing:-3.8px;font-size:76px}.auth-graphic{height:260px;margin-top:40px}.auth-card-keyfuels{width:265px}.auth-card-uk{width:300px}.auth-form-area{padding-top:72px;padding-bottom:40px}}@media (max-width:1150px){.auth-page{grid-template-columns:1fr 1fr;gap:12px;padding:20px}.auth-brand-panel{padding-left:20px;padding-right:20px}.auth-statement{letter-spacing:-2.3px;font-size:47px}.auth-graphic{height:190px;margin-top:25px}.auth-card-keyfuels{width:175px;left:5%}.auth-card-uk{width:200px;left:37%}.auth-form-area{padding:36px 32px 28px}.auth-form-wrap h1{font-size:28px}.auth-summary{font-size:12px}}@media (max-width:800px){.auth-page{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:12px;padding:16px}.auth-brand-panel{min-height:160px;padding:10px 16px 14px;position:relative;overflow:hidden}.auth-header{z-index:1;align-self:flex-start;position:relative}.auth-brand img{width:144px}.auth-introduction{width:210px;height:156px;margin:0;padding:0;position:absolute;top:0;right:-2px}.auth-statement,.auth-summary,.auth-brand-footer{display:none}.auth-graphic{width:210px;height:140px;margin:0}.auth-network{top:13px}.auth-card-keyfuels{width:105px;top:21px;left:8%}.auth-card-uk{width:117px;top:42px;left:41%}.auth-form-area{border-radius:22px;padding:36px 28px 24px}.auth-form-wrap{max-width:390px;padding:10px 0 24px}.auth-form-wrap h1{font-size:30px}.auth-intro{font-size:12px}.auth-form{margin-top:31px}.auth-field input{font-size:16px}.auth-submit{min-height:54px;font-size:14px}.auth-panel-footer{margin-top:20px;padding-top:20px}}@media (max-width:390px){.auth-page{gap:8px;padding:12px}.auth-brand-panel{min-height:146px;padding-left:14px}.auth-brand img{width:126px}.auth-introduction{width:180px;right:-4px}.auth-graphic{width:180px}.auth-card-keyfuels{width:92px}.auth-card-uk{width:103px}.auth-form-area{padding-left:23px;padding-right:23px}.auth-form-wrap h1{font-size:27px}.auth-credentials{font-size:9px}}
