:root{--navy:#172d45;--navy-2:#203d5b;--blue:#5a8df6;--blue-dark:#3f75e0;--ink:#1b2a3b;--muted:#748496;--line:#dfe5eb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink)}body{background:#f7f9fb}button,input{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(520px,.95fr)}
.login-showcase{position:relative;overflow:hidden;padding:38px 7%;color:#fff;background:linear-gradient(145deg,#132a41 0%,#193a59 58%,#214b6d 100%);display:flex;flex-direction:column}.login-showcase::before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.showcase-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:380px;height:380px;right:-160px;top:20%;background:radial-gradient(circle,rgba(89,142,246,.28),transparent 70%)}.glow-two{width:270px;height:270px;left:-120px;bottom:-80px;background:radial-gradient(circle,rgba(67,177,145,.18),transparent 70%)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font:800 20px "Manrope";letter-spacing:-.6px}.login-brand>span:last-child span{color:var(--blue)}.login-brand.light{color:#fff}.login-brand-mark{position:relative;width:27px;height:27px;display:block}.login-brand-mark i{position:absolute;display:block;background:currentColor;border-radius:3px;transform:skewY(-30deg)}.login-brand-mark i:nth-child(1){width:8px;height:18px;left:2px;top:7px}.login-brand-mark i:nth-child(2){width:8px;height:24px;left:11px;top:1px}.login-brand-mark i:nth-child(3){width:8px;height:13px;left:20px;top:12px;color:var(--blue);background:currentColor}
.showcase-content{position:relative;z-index:2;margin:auto 0;max-width:590px;padding:50px 0}.showcase-tag{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#9db9d4}.showcase-tag i{width:20px;height:1px;background:#6f9fd2}.showcase-content h1{margin:20px 0 18px;font:700 clamp(36px,4vw,58px)/1.08 "Manrope";letter-spacing:-2px}.showcase-content h1 em{font-style:normal;color:#7eabff}.showcase-content>p{max-width:535px;margin:0;color:#b9c9d8;font-size:14px;line-height:1.7}.showcase-features{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.showcase-features>div{padding:14px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:9px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(5px)}.showcase-features>div>span{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:7px;background:rgba(110,160,238,.14);color:#8db5f3}.showcase-features svg{width:15px}.showcase-features strong,.showcase-features small{display:block}.showcase-features strong{font-size:9px}.showcase-features small{margin-top:3px;color:#91a5b9;font-size:7px}.showcase-proof{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.proof-avatars{display:flex}.proof-avatars span{width:30px;height:30px;margin-left:-6px;border:2px solid #1c3d5a;border-radius:50%;display:grid;place-items:center;background:#587895;font-size:7px;font-weight:700}.proof-avatars span:first-child{margin-left:0;background:#5c83a6}.proof-avatars span:nth-child(2){background:#8078aa}.proof-avatars span:nth-child(3){background:#ad7772}.proof-avatars span:last-child{background:#fff;color:#385572}.showcase-proof strong,.showcase-proof small{display:block}.showcase-proof strong{font-size:9px}.showcase-proof small{font-size:7px;color:#91a6ba;margin-top:2px}.showcase-footer{position:absolute;right:7%;bottom:40px;color:#7690a7;font-size:7px}
.login-area{padding:32px 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#fbfcfd}.mobile-brand{display:none}.login-card{width:100%;max-width:420px}.login-card header{text-align:center;margin-bottom:29px}.welcome-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:11px;background:#edf3ff;color:var(--blue-dark);display:grid;place-items:center}.welcome-icon svg{width:20px}.login-card h2{margin:0;font:700 26px "Manrope";letter-spacing:-.6px}.login-card header p{margin:7px 0 0;color:var(--muted);font-size:11px}.login-field{display:block;margin-bottom:16px}.login-field>span{display:block;margin-bottom:7px;color:#435467;font-size:10px;font-weight:700}.login-field>div{height:44px;border:1px solid #dbe2e8;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#8a98a6;transition:.2s}.login-field>div:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(90,141,246,.1);color:var(--blue-dark)}.login-field>div.error{border-color:#d9675c;box-shadow:0 0 0 3px rgba(217,103,92,.08)}.login-field svg{width:16px;flex:none}.login-field input{width:100%;min-width:0;border:0;outline:0;padding:0 10px;background:transparent;color:var(--ink);font-size:11px}.login-field button{border:0;background:transparent;padding:3px;color:#82909e;cursor:pointer}.field-error{display:block;min-height:12px;margin-top:4px;color:#c95d54;font-size:8px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:0 0 21px}.login-options>label{display:flex;align-items:center;gap:7px;color:#667789;font-size:9px;cursor:pointer}.login-options input{position:absolute;opacity:0}.login-options label i{width:15px;height:15px;border:1px solid #cad3dc;border-radius:4px;background:#fff;position:relative}.login-options input:checked+i{background:var(--blue);border-color:var(--blue)}.login-options input:checked+i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.login-options button,.login-help button{border:0;background:transparent;color:var(--blue-dark);font-size:9px;font-weight:600;cursor:pointer}.login-button{width:100%;height:45px;border:0;border-radius:8px;background:var(--blue);box-shadow:0 7px 18px rgba(90,141,246,.22);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.login-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.login-button svg{width:15px}.login-button.loading{pointer-events:none;opacity:.8}.login-button.loading svg{animation:spin .8s linear infinite}.login-divider{margin:23px 0;display:flex;align-items:center;gap:11px;color:#9aa5af;font-size:7px;text-transform:uppercase;letter-spacing:.6px}.login-divider::before,.login-divider::after{content:"";height:1px;background:#e5e9ed;flex:1}.demo-access{width:100%;padding:10px;border:1px solid #dfe5eb;border-radius:9px;background:#fff;display:grid;grid-template-columns:34px 1fr 18px;gap:9px;align-items:center;text-align:left;color:#607284;cursor:pointer;transition:.2s}.demo-access:hover{border-color:#b9cae5;background:#f8faff}.demo-access>span{width:34px;height:34px;border-radius:8px;background:#eef3fb;color:#5277b6;display:grid;place-items:center}.demo-access svg{width:15px}.demo-access strong,.demo-access small{display:block}.demo-access strong{font-size:9px;color:#405265}.demo-access small{font-size:7px;color:#8b98a6;margin-top:3px}.login-help{text-align:center;margin:21px 0 0;color:#8794a1;font-size:8px}.login-help button{padding:0}.login-area-footer{position:absolute;bottom:23px;display:flex;align-items:center;gap:9px;color:#a0a9b2;font-size:7px}.login-area-footer i{width:2px;height:2px;background:#b1bac2;border-radius:50%}
.login-toast{position:fixed;right:22px;bottom:22px;z-index:20;width:315px;padding:12px;background:#fff;border:1px solid #dfe6ec;border-radius:10px;box-shadow:0 15px 40px rgba(22,42,62,.15);display:grid;grid-template-columns:32px 1fr 18px;gap:9px;align-items:center;transform:translateY(140%);opacity:0;transition:.3s}.login-toast.show{transform:none;opacity:1}.login-toast>span{width:32px;height:32px;border-radius:50%;background:#edf3ff;color:var(--blue-dark);display:grid;place-items:center}.login-toast svg{width:14px}.login-toast strong,.login-toast small{display:block}.login-toast strong{font-size:9px}.login-toast small{font-size:8px;color:#82909e;margin-top:2px}.login-toast button{border:0;background:transparent;color:#84929f;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-area{min-height:100vh}.mobile-brand{display:block;position:absolute;top:28px;left:32px}.login-area-footer{bottom:18px}}
@media(max-width:520px){.login-area{padding:90px 22px 65px;justify-content:flex-start}.mobile-brand{left:22px;top:24px}.login-card{margin-top:20px}.login-card h2{font-size:23px}.login-toast{left:14px;right:14px;bottom:14px;width:auto}}

/* Logo oficial */
.login-logo-link{position:relative;z-index:2;display:inline-block;border-radius:10px;overflow:hidden;box-shadow:0 8px 26px rgba(7,23,42,.18)}.login-logo{display:block;width:132px;height:auto}.mobile-brand .login-logo-link{box-shadow:0 5px 16px rgba(25,47,70,.1)}.mobile-brand .login-logo{width:100px}
.welcome-logo{display:block;width:108px;margin:0 auto 15px;border-radius:9px;overflow:hidden;box-shadow:0 6px 18px rgba(27,55,85,.1)}.welcome-logo img{display:block;width:100%;height:auto}
@media(max-width:520px){.login-area{padding-top:40px}.login-card{margin-top:0}}