:root{--fa-navy:#073a65;--fa-deep:#042946;--fa-cyan:#18bec2;--fa-muted:#668091;--fa-line:#d9e7eb}
html,body{min-height:100%}
body{margin:0!important;background:linear-gradient(135deg,#f4fbfb 0%,#f9fcfd 52%,#e7f5f7 100%)!important;color:#102a3c;font-family:"Nunito",sans-serif;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}
body:before{width:560px;height:560px;right:-180px;top:-210px;background:rgba(24,190,194,.09);border:1px solid rgba(24,190,194,.12)}
body:after{width:320px;height:320px;left:-150px;bottom:-120px;background:rgba(7,58,101,.06)}
main,main>.container{min-height:100vh;max-width:none!important;padding:0!important;position:relative;z-index:1}
.register{padding:42px!important;min-height:100vh!important}
.register>.container{width:min(1160px,100%)!important;min-height:auto!important;padding:0!important}
.register>.container>.row{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:72px;align-items:center;margin:0!important}
.register>.container>.row:before{content:"Gestão simples.\A Resultados que fluem.";white-space:pre;align-self:center;color:var(--fa-navy);font:800 clamp(42px,5vw,68px)/1.08 "Nunito",sans-serif;letter-spacing:-2.5px;padding-left:34px}
.register>.container>.row:after{content:"Vendas, financeiro, estoque e fiscal trabalhando juntos. Acesse seu negócio de onde estiver.";position:absolute;left:34px;top:calc(50% + 100px);max-width:510px;color:var(--fa-muted);font-size:17px;line-height:1.65}
.register .col-md-8{display:none}
.register .col-lg-4{width:100%!important;max-width:440px;justify-self:end;padding:0!important}
.register .logo{margin-bottom:2px;text-decoration:none}
.register .d-flex.py-4{padding:5px 0 12px!important}
.register .logo img{width:auto!important;max-height:52px!important;max-width:190px!important;object-fit:contain;filter:none}
.register .card{width:100%;border:1px solid rgba(191,214,221,.7)!important;border-radius:25px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 30px 75px rgba(6,50,79,.15)!important;overflow:hidden;margin:0!important;backdrop-filter:blur(12px)}
.register .card-body{padding:29px 34px!important}
.register .card-title{font-size:27px!important;font-weight:800!important;color:var(--fa-navy)!important;letter-spacing:-.7px;margin:0!important}
.register .card-title:after{content:"Acesse sua conta FluxoAzul";display:block;margin-top:8px;color:var(--fa-muted);font-size:13px;font-weight:400;letter-spacing:0}
#login{--bs-gutter-y:0!important;gap:11px 0!important;margin-top:3px}
#login .form-label{font-size:12px;font-weight:700;color:#294b60;margin-bottom:6px}
#login .form-control{height:48px;border:1px solid var(--fa-line);border-radius:11px!important;background:#fbfdfd;padding:0 15px;font-size:15px;color:#15374b;box-shadow:none!important;transition:.2s}
#login .form-control:focus{border-color:var(--fa-cyan);background:#fff;box-shadow:0 0 0 4px rgba(24,190,194,.12)!important}
#login .btn-primary{height:49px;margin-top:3px;border:0;border-radius:11px;background:linear-gradient(135deg,#0baeb4,#20c7c5);font-weight:800;font-size:14px;box-shadow:0 14px 28px rgba(13,177,182,.24);transition:.2s}
#login .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(13,177,182,.32)}
#login .btn-primary:after{content:" →";margin-left:8px}
.register .alert{width:100%;border:0;border-radius:12px;font-size:13px}
.register b:after{content:"Ainda não tem conta? Conheça os planos";display:block;margin-top:20px;color:var(--fa-cyan);font-size:12px;font-weight:700;text-align:center}
@media(max-width:900px){.register{padding:28px!important}.register>.container>.row{grid-template-columns:1fr;gap:25px}.register>.container>.row:before{font-size:41px;text-align:center;padding:0}.register>.container>.row:after{display:none}.register .col-lg-4{justify-self:center;max-width:460px}}
@media(max-width:560px){body:before{width:320px;height:320px;right:-170px;top:-130px}.register{padding:20px 16px!important;justify-content:flex-start!important}.register>.container>.row{gap:10px}.register>.container>.row:before{content:"Sua gestão, sempre com você.";white-space:normal;font-size:28px;line-height:1.12;letter-spacing:-1px;margin:8px 0 4px}.register .d-flex.py-4{padding:12px 0!important}.register .logo img{max-height:49px!important;max-width:170px!important}.register .card{border-radius:20px!important}.register .card-body{padding:26px 20px!important}.register .card-title{font-size:23px!important}#login{gap:13px 0!important}#login .form-control,#login .btn-primary{height:49px}}
@media(prefers-reduced-motion:reduce){#login .btn-primary,#login .form-control{transition:none}}