*{box-sizing:border-box}
html.fixed,html.fixed body{min-height:100%;height:auto}
body{margin:0;background:#061521;color:#173249;font-family:"Open Sans",Arial,sans-serif}
.body-sign{position:relative;overflow-x:hidden;overflow-y:auto;display:flex!important;width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:42px 22px!important;align-items:center;background:radial-gradient(circle at 8% 10%,rgba(14,175,207,.22),transparent 31%),radial-gradient(circle at 93% 85%,rgba(35,224,164,.18),transparent 30%),linear-gradient(135deg,#061521,#0a3042 58%,#087075);isolation:isolate}
.body-sign:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(120deg,#000,transparent 78%)}
.body-sign:after{content:"";position:absolute;z-index:-1;width:680px;height:680px;right:-260px;top:-300px;border:1px solid rgba(92,244,201,.12);border-radius:50%;box-shadow:0 0 0 85px rgba(54,213,185,.025),0 0 0 170px rgba(54,213,185,.018)}
.body-sign .center-sign{display:grid!important;grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr);grid-template-areas:"brand panel" "intro panel" "footer footer";gap:0 44px;width:min(1080px,calc(100vw - 44px))!important;min-width:0!important;max-width:1080px!important;margin:auto!important;padding:38px!important;border:1px solid rgba(157,226,229,.22);border-radius:28px;background:rgba(5,25,38,.68);box-shadow:0 34px 80px rgba(0,0,0,.35);backdrop-filter:blur(13px)}
.body-sign .center-sign.auth-register{max-width:1180px!important;grid-template-columns:minmax(300px,.68fr) minmax(530px,1.32fr)}
.body-sign .logo{grid-area:brand;position:relative;z-index:2;display:block!important;float:none!important;width:max-content;margin:0 0 34px!important}
.body-sign .logo img{display:block;width:150px!important;max-width:100%;height:auto!important;filter:brightness(0) invert(1);opacity:.96}
.auth-intro{grid-area:intro;align-self:center;padding:8px 0 35px;color:#fff}
.auth-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:#67f5c8;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.auth-kicker:before{content:"";width:29px;height:2px;background:linear-gradient(90deg,#11b3d4,#2ae7a7)}
.auth-intro h1{margin:0 0 16px;color:#fff;font-size:clamp(39px,4.6vw,61px);line-height:1;font-weight:800;letter-spacing:-.045em}
.auth-intro h1 span{display:block;margin-top:6px;color:#68f2c7;font-size:.58em;letter-spacing:-.02em}
.auth-intro>p{max-width:410px;margin:0 0 25px;color:#9db7c2;font-size:14px;line-height:1.65}
.auth-points{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.auth-points li{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 11px;border:1px solid rgba(163,224,232,.12);border-radius:10px;background:rgba(255,255,255,.025);color:#c5d9e0;font-size:11px;font-weight:700}
.auth-points i{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:7px;background:rgba(39,222,165,.12);color:#62f0c3}
.body-sign .panel-sign{grid-area:panel;overflow:hidden;min-width:0;width:100%!important;margin:0!important;border:1px solid #d5e4ea!important;border-radius:21px!important;background:#fff!important;box-shadow:0 22px 52px rgba(0,0,0,.24)!important}
.body-sign .panel-title-sign{display:flex!important;align-items:stretch!important;margin:0!important;padding:0!important;background:#edf5f7!important;text-align:left!important}
.body-sign .panel-title-sign>a{display:flex;flex:1;text-decoration:none!important}
.body-sign .panel-title-sign .title{display:flex!important;flex:1;align-items:center;gap:8px;min-height:54px;margin:0!important;padding:0 20px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#78909c!important;font-size:11px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.body-sign .panel-title-sign>a .title{justify-content:center;background:#e6eff2!important}
.body-sign .panel-title-sign>h2.title{justify-content:center;background:#fff!important;color:#0e9c7b!important;box-shadow:inset 0 -3px #21daa2}
.body-sign .panel-body{padding:30px 32px 27px!important;border:0!important;background:#fff!important}
.body-sign label{margin-bottom:7px;color:#345266;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.body-sign .form-group{margin-bottom:17px!important}
.body-sign .form-control{height:49px!important;padding:0 14px!important;border:1px solid #d4e3e9!important;border-radius:11px!important;background:#f7fafb!important;color:#183248!important;font-size:13px!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.body-sign select.form-control{appearance:auto}.body-sign .form-control:focus{border-color:#18b995!important;background:#fff!important;box-shadow:0 0 0 4px rgba(24,185,149,.1)!important}
.body-sign .input-group-addon{width:48px!important;border:1px solid #d4e3e9!important;border-left:0!important;border-radius:0 11px 11px 0!important;background:#eef7f6!important;color:#12a87f!important}
.body-sign .input-group .form-control{border-radius:11px 0 0 11px!important}
.body-sign a{color:#079dbc;font-weight:700}.body-sign a:hover{color:#0bbb86}
.body-sign .btn-primary{min-height:47px;padding:0 21px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#2de7a5,#11c88b)!important;box-shadow:0 12px 26px rgba(24,205,145,.24)!important;color:#052e2e!important;font-size:12px!important;font-weight:900!important;transition:transform .2s ease,box-shadow .2s ease}
.body-sign .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 31px rgba(24,205,145,.33)!important}
.body-sign .checkbox-custom label{color:#637b89;font-size:10px;letter-spacing:0;text-transform:none}
.body-sign .alert{margin:0 0 17px!important;border:0!important;border-radius:11px!important;font-size:11px;line-height:1.5}.body-sign .alert-danger{background:#fff0f1;color:#b43d4b}.body-sign .alert-info{background:#eaf8fb;color:#226679}
.body-sign #msgerror{margin:12px 0 0!important}.body-sign #msgerror>div{width:100%}
.body-sign .panel-body>form>p,.body-sign .panel-body>p{margin:20px 0 0!important;color:#7b909c;font-size:11px}
.body-sign .center-sign>p.text-muted{grid-area:footer;margin:25px 0 0!important;color:#718c97!important;font-size:10px}
.auth-back{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#75f4cd!important;font-size:10px;font-weight:900;text-decoration:none!important}
.body-sign .error-message{margin:5px 0 0!important;color:#d54c59!important;font-size:10px}
.body-sign .input-group-btn .btn{height:49px;border-radius:0 11px 11px 0!important}
.body-sign .modal-block{position:relative;z-index:20}
@media(max-width:900px){.body-sign{padding:24px 16px!important;align-items:flex-start}.body-sign .center-sign,.body-sign .center-sign.auth-register{grid-template-columns:1fr;grid-template-areas:"brand" "intro" "panel" "footer";max-width:620px!important;padding:27px!important}.body-sign .logo{margin-bottom:22px!important}.auth-intro{padding:0 0 26px}.auth-intro h1{font-size:44px}.auth-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.body-sign{padding:12px!important}.body-sign .center-sign,.body-sign .center-sign.auth-register{padding:19px 13px;border-radius:20px}.body-sign .logo img{width:130px!important}.auth-intro h1{font-size:38px}.auth-intro>p{font-size:12px}.auth-points{grid-template-columns:1fr}.body-sign .panel-sign{border-radius:16px!important}.body-sign .panel-body{padding:24px 18px 22px!important}.body-sign .panel-title-sign .title{padding:0 10px!important;font-size:9px!important}.body-sign .row>[class*=col-]{float:none;width:100%}.body-sign .text-right{text-align:left!important}.body-sign .btn-primary{width:100%;margin-top:8px}.body-sign .input-group-btn .btn{width:auto;margin:0}.body-sign .center-sign>p.text-muted{text-align:center!important}}