:root{color:#e8f2f8;background:#031421;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;padding:0;min-height:100vh;background:radial-gradient(ellipse at 18% 35%,#06304780,transparent 52%),#031421}header{max-width:1440px;margin:auto;padding:25px 48px;background:transparent;border:0;border-bottom:1px solid #1a3b4d60;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:normal;flex-shrink:0}.brand img{width:44px;height:44px;object-fit:contain}.brand .wordmark{display:inline-block;font-size:25px;font-weight:750;line-height:1.12;letter-spacing:-.8px;color:#f0f7fb}.brand .wordmark small{font-size:9px;letter-spacing:2.7px;color:#65afc6;margin-top:8px}main{max-width:1440px;margin:auto;padding:44px 48px;min-height:71vh}.public main{max-width:1360px;min-height:calc(100vh - 225px);padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;justify-content:center}.login-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.8fr);gap:70px;align-items:center;width:100%;max-width:1190px;margin:auto}.login-art{position:relative;min-width:0}.login-art img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent);-webkit-mask-composite:source-in}.login-layout .auth{width:100%;max-width:410px;margin:auto;background:linear-gradient(150deg,#0c2637f5,#071b2bf5);border:1px solid #28506680;border-radius:18px;padding:36px 32px;box-shadow:0 24px 65px #0004,0 1px 0 #4dc8e519 inset;position:relative}.login-layout .auth:before{content:"";position:absolute;top:-1px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,#00b8bd,#086ad5,transparent)}.auth h1{font-size:30px;font-weight:650;letter-spacing:-.9px;margin:0 0 27px;line-height:1.2;color:#f1f7fb}.auth form{margin-top:0}.auth label{font-size:12px;letter-spacing:.2px;margin:19px 0;color:#b5c9d7}.auth input{padding:13px 14px;min-height:47px}.auth button{width:100%;margin-top:10px;min-height:48px;font-size:14px}h1,h2,h3{color:#edf5fa;font-weight:650}.card{background:#0b2131;border:1px solid #244355;box-shadow:0 8px 30px #0001}.card p{color:#b3c9d8}.muted,small{color:#8aa8bc}a{color:#5ab6f4}a:hover{color:#8edfff}nav a{font-size:13px;color:#9bb8ca}.account{color:#8baabe}button,.button{background:linear-gradient(105deg,#086ad5,#077bca);border:1px solid #258bdb;border-radius:7px;min-height:42px;color:#fff;box-shadow:0 5px 18px #006bd525}button:hover,.button:hover{background:linear-gradient(105deg,#087de8,#0796d6);color:#fff;border-color:#4dbde7}.quiet{background:#143247;border-color:#294b62;box-shadow:none;color:#b0d8ef;min-height:32px}.danger{background:#7f3541;border-color:#a44c59;box-shadow:none}input,select,textarea{background:#061827;color:#e4f0f8;border-color:#2a4b60}input::placeholder{color:#6f8ca0}input:focus,select:focus,textarea:focus{outline:2px solid #00b8bd;outline-offset:2px}.eyebrow{color:#65c9e4;border-left:18px solid #00b8bd;padding-left:10px;line-height:1.2}.tag{background:#103d51;color:#7bdce5;border:1px solid #22576b}.id{color:#69c7f4}.secret{background:#061827;border:1px solid #26485c;color:#bfe7f4}.notice{background:#0b332e;border-color:#236055;color:#bcebdc}.error{background:#391f2b;border-color:#71364a;color:#ffc1ce}th{color:#86abc2}td,th,hr{border-color:#234253}summary{color:#e8a2af}footer{max-width:1360px;margin:auto;padding:22px 24px;color:#587b94;text-align:center;border:0;font-size:11px}footer a{color:#8aa8bc;text-decoration:none}.legal{display:flex;justify-content:center;gap:24px}footer p{margin:9px 0 0}dt{color:#8aa8bc}dd{color:#c5dbe8}@media(max-width:1050px){header{padding:24px 30px;gap:24px}main{padding:32px 30px}.login-layout{gap:30px;grid-template-columns:minmax(0,1.05fr) minmax(310px,.9fr)}.login-layout .auth{padding:30px 25px}.auth h1{font-size:27px}nav{order:3}}@media(max-width:700px){header{padding:20px 22px;gap:14px}.brand img{width:37px;height:37px}.brand .wordmark{font-size:21px}.brand .wordmark small{font-size:8px;letter-spacing:2px}main{padding:28px 20px}.public main{padding:8px 20px 18px;min-height:calc(100vh - 196px)}.login-layout{display:flex;flex-direction:column;gap:12px}.login-art{width:100%;max-width:380px;height:160px;overflow:hidden}.login-art img{height:auto;width:100%;max-height:none;transform:translateY(-34px);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 62%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 62%,transparent)}.login-layout .auth{max-width:400px;padding:26px 24px}.auth h1{font-size:27px;margin-bottom:22px}.account{font-size:10px;gap:8px}nav{gap:13px}.layout,.columns{grid-template-columns:1fr}footer{padding:18px 20px}}@media(max-height:760px) and (min-width:701px){header{padding-top:18px;padding-bottom:18px}.public main{padding-top:12px;padding-bottom:12px}.login-art img{max-height:490px}.login-layout .auth{padding:28px}.auth h1{margin-bottom:20px}.auth label{margin:15px 0}footer{padding-top:12px;padding-bottom:12px}}
.public .simple-login{width:100%;max-width:410px;margin:28px auto;background:linear-gradient(145deg,#0c2638,#071b2b);padding:34px 32px;border:1px solid #285066;border-radius:16px;box-shadow:0 24px 65px #0004}.simple-login h1{font-size:29px;letter-spacing:-.8px;margin-bottom:26px}.simple-login form{margin-top:0}.simple-login button{width:100%;margin-top:10px}.public main>.error{width:100%;max-width:410px;margin:0 auto 12px}
.presence{font-size:.82rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}.presence:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#8796a3}.presence.online{color:#86dfb0}.presence.online:before{background:#46c987}.presence.offline{color:#abb7c1}.presence.offline:before{background:#7a8a99}

.opslinx-login-brand{min-height:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(32px,6vw,84px);border:1px solid #1e5066;border-radius:24px;background:radial-gradient(ellipse at 78% 22%,#087b9b80,transparent 37%),linear-gradient(145deg,#0c2d42,#061827 72%);box-shadow:inset 0 1px #65d9e51c,0 25px 70px #0003;overflow:hidden;position:relative}
.opslinx-login-brand:after{content:"";position:absolute;width:360px;height:360px;right:-130px;bottom:-190px;border:1px solid #00c6d85a;border-radius:50%;box-shadow:0 0 0 34px #00c6d814,0 0 0 72px #00c6d80d}
.opslinx-mark{width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(145deg,#14c5d3,#087bd5);border-radius:15px;color:#021825;font-weight:850;font-size:22px;letter-spacing:-1.5px;box-shadow:0 10px 35px #00bbcd35}
.opslinx-login-brand>strong{margin-top:22px;color:#f2fbff;font-size:clamp(40px,5vw,66px);font-weight:780;line-height:1;letter-spacing:-2.6px}
.opslinx-login-brand>p{margin:17px 0 0;color:#9dc7d8;font-size:19px;line-height:1.55;letter-spacing:.2px}

.brand .wordmark{text-transform:none}.brand .wordmark small{text-transform:uppercase}