@import url('/static/fonts.css?v=sertec20261106a');
:root{font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:#f1f5f3;background:#090c11;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #2fd98a;outline-offset:4px}
[hidden]{display:none!important}
.login-shell{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}
.intro{background:radial-gradient(ellipse at 10% 15%,#173b2d 0,transparent 62%),#0b1715;color:#f1f6f3;padding:44px clamp(32px,5.2vw,84px) 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #20332b}
.intro:before,.intro:after{content:"";position:absolute;border:1px solid #2fd98a26;border-radius:50%;pointer-events:none}
.intro:before{right:-350px;top:6%;width:680px;height:680px}
.intro:after{right:-260px;top:16%;width:490px;height:490px}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;width:fit-content;z-index:1}
.brand img{object-fit:contain}
.brand>span{font-size:23px;font-weight:700;letter-spacing:2px}
.brand-accent{color:#2fd98a}
.brand small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:400;color:#b5c8bd;margin-top:3px}
.intro-content{margin:auto 0;padding:64px 0 52px;position:relative;z-index:1;max-width:520px}
.eyebrow{display:flex;gap:9px;align-items:center;color:#b5cbbd;font-size:9px;letter-spacing:1.8px;font-weight:600;margin:0 0 25px}
.eyebrow span{height:6px;width:6px;border-radius:50%;background:#2fd98a;flex:none;box-shadow:0 0 15px #2fd98a66}
h1{font-size:clamp(34px,3.4vw,52px);line-height:1.2;letter-spacing:-1.8px;font-weight:600;margin:0}
h1 em{font-style:normal;color:#59e6a0}
.intro-description{font-size:14px;line-height:1.9;color:#a9c2b5;margin:23px 0 32px}
.overview{border:1px solid #355045;border-radius:16px;background:#0b191a99;padding:0 22px;max-width:430px;box-shadow:0 15px 45px #0002}
.overview-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c2d7cb;padding:19px 0;border-bottom:1px solid #2d4338}
.overview-icon{color:#6aeba8;font-size:19px}
.overview-row{display:flex;align-items:center;gap:14px;padding:19px 0}
.overview-row+.overview-row{border-top:1px solid #263b30}
.row-icon{font-size:10px;border:1px solid #376448;color:#77ecad;background:#2fd98a09;width:33px;height:33px;display:grid;place-items:center;border-radius:9px;flex:none}
.overview-row div{min-width:0}
.overview-row strong{display:block;font-size:12px;font-weight:600;line-height:1.5}
.overview-row div>span{display:block;font-size:10px;color:#9eb8a9;line-height:1.6;margin-top:3px}
.row-arrow{margin-left:auto;font-size:15px;color:#6daf89}
.intro-footer{font-size:9px;letter-spacing:1.8px;color:#8caa9a;margin:0;z-index:1}
.intro-footer span{padding:0 9px;color:#2fd98a}
.access{display:flex;flex-direction:column;padding:40px clamp(24px,5.5vw,90px) 29px;min-width:0;background:radial-gradient(ellipse at 100% 0%,#14241e55,transparent 60%),#0c1117}
.access-top{align-self:flex-end;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.3px;color:#9aa9a2}
.access-dot{background:#2fd98a;width:5px;height:5px;border-radius:50%}
.form-wrap{width:100%;max-width:380px;margin:auto;padding:52px 0 40px}
.lock-mark{width:49px;height:49px;border-radius:14px;background:#2fd98a0d;border:1px solid #2fd98a40;color:#59e6a0;display:grid;place-items:center;margin-bottom:27px}
.lock-mark svg{width:24px;height:24px}
.form-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#88ad9c;margin:0 0 11px}
h2{font-size:28px;letter-spacing:-1px;font-weight:600;margin:0;line-height:1.3}
.form-description{font-size:12px;color:#9aa9a2;margin:12px 0 30px}
.field{margin-bottom:21px}
.field label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#d3dfd8}
.field input{display:block;width:100%;height:50px;padding:0 15px;background:#141d23;border:1px solid #33413f;border-radius:9px;color:#f0f6f2;font-size:13px;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:#9aa9a3}
.field input:focus{border-color:#2fd98a;box-shadow:0 0 0 3px #2fd98a1a;outline:none}
.password-wrap{position:relative}
.password-wrap input{padding-right:83px}
.password-wrap button{position:absolute;right:6px;top:5px;height:40px;background:transparent;border:0;padding:0 10px;color:#9fc6b0;font-size:11px;border-radius:5px}
.submit{height:50px;width:100%;border:1px solid #148a5c;border-radius:9px;color:#fff;background:#0f8457;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;padding:0 17px;margin-top:27px;transition:background .15s;box-shadow:0 7px 22px #12b47a14}
.submit:hover{background:#129563}
.submit:disabled{opacity:.65;cursor:wait}
.submit span:last-child{font-size:19px;font-weight:400}
.help{font-size:11px;line-height:1.9;color:#9caea4;text-align:center;margin:24px 0 29px}
.help span{color:#c6d7cc}
.session-note{border-top:1px solid #26362e;display:flex;align-items:center;justify-content:center;gap:11px;padding-top:23px}
.session-note svg{height:19px;width:19px;color:#72a58b;flex:none}
.session-note p{font-size:10px;color:#9caea4;line-height:1.8;margin:0}
.access footer{font-size:9px;color:#94a59a;text-align:center;line-height:1.8}
.access footer span{padding:0 6px}
.notice{padding:12px 14px;font-size:12px;border:1px solid #a362624d;color:#f6b6ae;background:#432d2d80;border-radius:8px;line-height:1.6;margin-bottom:20px}
.caps{font-size:11px;color:#f3c773;margin:8px 0 0}
@media(min-width:1800px){.login-shell{max-width:1800px;margin:0 auto;border-inline:1px solid #20332b}}
@media(max-width:1000px){.intro{padding:32px}.intro-content{padding:52px 0}h1{font-size:36px}.access{padding:32px}.overview{padding:0 18px}.overview-row{gap:10px}.overview-row div>span{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:740px){.login-shell{display:flex;flex-direction:column}.intro{padding:22px 24px;border-right:0;border-bottom:1px solid #203b2c}.brand img{width:38px;height:38px}.brand>span{font-size:20px}.brand small{font-size:8px}.intro-content,.intro-footer,.intro:before,.intro:after{display:none}.access{flex:1;min-height:calc(100svh - 84px);padding:23px 24px}.access-top{font-size:8px}.form-wrap{padding:30px 0 32px}.lock-mark{margin-bottom:21px}h2{font-size:27px}.field input{font-size:16px}.form-description{margin-bottom:27px}.access footer{font-size:9px}.session-note{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}