:root{color-scheme:dark;--bg:#070b14;--surface:rgba(13,20,36,.94);--surface2:#111c30;--line:rgba(158,185,224,.15);--text:#f4f8ff;--muted:#96a7bd;--primary:#f21f36;--primary2:#b5091c;--danger:#ff8294;--success:#55dda7}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}
body.auth-page{display:grid;place-items:center;padding:24px;background:var(--bg);/* grade + LEDs: assets/backdrop.css */color:var(--text);font-family:Inter,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.auth-layout{width:min(100%,1060px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.78fr);overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:0 40px 100px rgba(0,0,0,.5)}
/* Vitrine: gradiente + pilha de banners reais flutuando. Sem filter/blur para ficar leve. */
.auth-showcase{position:relative;min-height:640px;padding:44px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(87,198,255,.30),transparent 38%),linear-gradient(150deg,rgba(25,104,161,.42),rgba(11,18,32,.96) 55%,rgba(24,28,52,.98))}
.auth-showcase>*{position:relative;z-index:1}
.auth-brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:16px}.auth-brand-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ff4052,#c90f25);color:#06111c;box-shadow:0 12px 30px rgba(29,135,207,.32)}.auth-brand-image{padding:4px;overflow:hidden;background:rgba(255,255,255,.08)}.auth-brand-image img{width:100%;height:100%;display:block;object-fit:contain;border-radius:11px}
.auth-copy{margin:26px 0 0;max-width:520px}.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(138,214,255,.25);background:rgba(138,214,255,.08);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff7a86}
.auth-copy h1{margin:16px 0 10px;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.045em}.auth-copy h1 span{color:#ff7a86}.auth-copy p{margin:0;color:#b7c7da;font-size:15px;line-height:1.55}
.auth-bullets{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.auth-bullet{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#d4dfed;font-size:12px;font-weight:600}.auth-bullet i{color:var(--success)}
.auth-stack{position:relative;flex:1;min-height:250px;margin-top:26px}.auth-stack figure{position:absolute;margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px rgba(0,0,0,.5);animation:authFloat 7s ease-in-out infinite}.auth-stack img{display:block;width:100%;height:100%;object-fit:cover}
.auth-stack .s1{width:31%;left:0;bottom:6%;transform:rotate(-7deg);z-index:2}.auth-stack .s2{width:30%;left:31%;bottom:14%;transform:rotate(3deg);z-index:3;animation-delay:-2.5s}.auth-stack .s3{width:30%;right:8%;bottom:2%;transform:rotate(7deg);z-index:1;animation-delay:-4s}.auth-stack .s4{width:46%;right:0;bottom:44%;transform:rotate(-3deg);z-index:0;opacity:.9;animation-delay:-1s}
@keyframes authFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.auth-showcase-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:12px}.auth-showcase-links a{display:inline-flex;align-items:center;gap:7px;color:#9eb0c6;text-decoration:none;font-weight:700}.auth-showcase-links a:hover{color:#fff}
/* Formulário */
.auth-form-side{padding:46px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.auth-form-side h2{margin:0;font-size:28px;letter-spacing:-.035em}.auth-form-side>p{margin:7px 0 24px;color:var(--muted);font-size:14px}
.auth-field{margin-bottom:15px}.auth-field label{display:block;margin:0 0 7px;color:#c7d3e3;font-size:12px;font-weight:700;letter-spacing:.02em}.auth-input-wrap{position:relative}.auth-input-wrap>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#71839a;transition:color .15s}.auth-input-wrap:focus-within>i{color:var(--primary)}
.auth-input{width:100%;min-height:52px;padding:12px 44px 12px 44px;border:1px solid #2c3b55;border-radius:15px;background:#0a1222;color:var(--text);outline:none;font:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-input:focus{border-color:var(--primary);background:#0b1526;box-shadow:0 0 0 4px rgba(78,184,255,.13)}
.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#8394aa;cursor:pointer}.password-toggle:hover{background:rgba(255,255,255,.06);color:#fff}
.auth-button{width:100%;min-height:52px;margin-top:8px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#04111d;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 14px 30px rgba(23,128,205,.26);transition:transform .15s,filter .15s}.auth-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}
.auth-alert{padding:12px 14px;margin-bottom:16px;border-radius:13px;font-size:13px}.auth-alert.error{background:rgba(255,130,148,.11);border:1px solid rgba(255,130,148,.27);color:#ffb1bc}.auth-alert.success{background:rgba(85,221,167,.10);border:1px solid rgba(85,221,167,.25);color:#9af0cf}
.auth-links{margin-top:20px;text-align:center;color:var(--muted);font-size:13px}.auth-links a{color:#8dd6ff;text-decoration:none;font-weight:700}.auth-links a:hover{text-decoration:underline}
.auth-note{margin-top:16px;color:#6e8097;font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px}
.auth-app-card{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.auth-app-card:hover{border-color:rgba(78,184,255,.5);background:rgba(78,184,255,.06)}.auth-app-card>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d4142e,#ff4052);color:#fff;font-size:18px;overflow:hidden}.auth-app-card img{width:100%;height:100%;object-fit:contain}.auth-app-card div{flex:1;min-width:0}.auth-app-card strong{display:block;font-size:13px}.auth-app-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.auth-app-card i.fa-chevron-right{color:#71839a}
.auth-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#9eb0c6;text-decoration:none;font-size:13px}.auth-back:hover{color:#fff}
/* Instalador (register.php) */
.auth-setup-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,.8fr)}.auth-setup-page .auth-form-side{padding-top:30px;padding-bottom:30px}.auth-setup-step{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:10px;color:#ff7a86;font-size:10px;font-weight:850;letter-spacing:.12em}.auth-optional{margin-left:4px;color:#71839a;font-size:10px;font-weight:600}
.auth-file-picker{display:flex!important;align-items:center;gap:11px;min-height:58px;padding:10px 11px!important;border:1px dashed #3a4b66;border-radius:14px;background:#09111f;cursor:pointer;transition:.16s ease}.auth-file-picker:hover{border-color:var(--primary);background:#0b1627}.auth-file-picker>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(78,184,255,.10);color:#ff7a86}.auth-file-picker>span{min-width:0;flex:1}.auth-file-picker strong,.auth-file-picker small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-file-picker strong{color:#dce8f5;font-size:12px}.auth-file-picker small{margin-top:3px;color:#71839a;font-size:9px}.auth-file-picker>b{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.06);color:#a9bad0;font-size:9px}
.auth-setup-divider{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:#71839a;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-setup-divider:before,.auth-setup-divider:after{content:'';height:1px;flex:1;background:#24324a}
@media (prefers-reduced-motion:reduce){.auth-stack figure{animation:none}}
@media(max-width:860px){body.auth-page{padding:13px}.auth-layout{grid-template-columns:1fr;max-width:520px;border-radius:23px}.auth-showcase{min-height:auto;padding:26px 24px 22px}.auth-copy{margin:18px 0 0}.auth-copy h1{font-size:30px}.auth-bullets{display:none}.auth-stack{min-height:150px;margin-top:16px}.auth-showcase-links{margin-top:14px}.auth-form-side{padding:28px 24px 32px}.auth-setup-layout{grid-template-columns:1fr}.auth-setup-page .auth-showcase{display:none}.auth-setup-page .auth-form-side{padding:28px 22px}}
@media(max-width:420px){body.auth-page{padding:0;background:#09101d}.auth-layout{min-height:100vh;border:0;border-radius:0}.auth-showcase{padding:20px 18px 16px}.auth-copy h1{font-size:27px}.auth-copy p{font-size:13px}.auth-stack{display:none}.auth-form-side{padding:24px 18px 30px}}

/* GERADOR PLUS — login */
:root{--primary:#f21f36;--primary2:#b90f22}
.auth-brand-icon{background:linear-gradient(145deg,#ff4052,#b5091c)!important;box-shadow:0 12px 32px rgba(242,31,54,.28)!important;color:#fff!important}
.auth-button{background:linear-gradient(135deg,#ff3c50,#c90f25)!important;box-shadow:0 14px 30px rgba(242,31,54,.22)!important;color:#fff!important}
.auth-input:focus{border-color:#f21f36!important;box-shadow:0 0 0 4px rgba(242,31,54,.12)!important}

/* GERADOR PLUS — logo oficial */
.auth-brand-image{background:#090b10!important;border:1px solid rgba(255,64,82,.45);box-shadow:0 10px 30px rgba(242,31,54,.24)!important}


/* GERADOR PLUS 8.3 — autenticação vermelho/preto */
:root{--primary:#f21f36!important;--primary2:#c90f25!important;--bg:#050507!important;--surface:#100d10!important;--surface2:#181317!important;--line:rgba(255,64,82,.16)!important}
body.auth-page{background:radial-gradient(circle at 15% 0%,rgba(242,31,54,.10),transparent 34%),#050507!important}
.auth-layout,.auth-form-card{background:rgba(12,10,12,.96)!important;border-color:rgba(255,64,82,.14)!important}
.auth-button{background:linear-gradient(135deg,#ff4052,#c90f25)!important;color:#fff!important;box-shadow:0 14px 30px rgba(242,31,54,.25)!important}
.auth-input:focus{border-color:#f21f36!important;box-shadow:0 0 0 4px rgba(242,31,54,.12)!important}
.auth-copy h1 span,.auth-kicker,.auth-setup-step{color:#ff6b79!important}
.auth-kicker{border-color:rgba(242,31,54,.25)!important;background:rgba(242,31,54,.08)!important}
.auth-brand-icon{background:linear-gradient(145deg,#ff4052,#b5091c)!important;box-shadow:0 12px 32px rgba(242,31,54,.28)!important}
.auth-app-card>span{background:linear-gradient(135deg,#ff4052,#c90f25)!important}