:root{color-scheme:dark;--bg:#040610;--panel:#09101e;--panel2:#0b1425;--line:rgba(130,190,255,.16);--text:#f7fbff;--muted:#91a6c0;--cyan:#42dcff;--blue:#268cff;--violet:#7c5cff;--green:#49e5ae}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body.auth-page{min-height:100vh;display:grid;place-items:center;padding:34px;overflow-x:hidden;background:#03050b;color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative}
.ambient{position:fixed;border-radius:50%;filter:blur(20px);pointer-events:none}.ambient-one{width:520px;height:520px;left:-240px;top:-180px;background:rgba(25,159,255,.24)}.ambient-two{width:460px;height:460px;right:-200px;bottom:-180px;background:rgba(96,69,255,.18)}.ambient-three{width:260px;height:260px;right:32%;top:-160px;background:rgba(44,220,255,.11)}
.auth-shell{width:min(1180px,100%);min-height:690px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.72fr);position:relative;overflow:hidden;border:1px solid rgba(123,188,255,.22);border-radius:32px;background:linear-gradient(145deg,rgba(10,19,35,.97),rgba(5,9,18,.98));box-shadow:0 45px 120px rgba(0,0,0,.62),0 0 90px rgba(25,148,255,.08);isolation:isolate}
.auth-showcase{position:relative;padding:38px 52px 42px;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(45,218,255,.32),transparent 28%),radial-gradient(circle at 16% 85%,rgba(53,94,255,.18),transparent 32%),linear-gradient(145deg,#0c3b73 0%,#07182e 53%,#050b16 100%)}
.auth-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,rgba(64,218,255,.08) 55%,transparent 68%);transform:skewX(-16deg) translateX(20%);pointer-events:none}.auth-showcase:after{content:"";position:absolute;width:600px;height:600px;right:-310px;top:90px;border-radius:50%;border:1px solid rgba(80,216,255,.12);box-shadow:0 0 0 70px rgba(80,216,255,.025),0 0 0 140px rgba(80,216,255,.018);pointer-events:none}
.auth-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#62e5ff,#2277ff);color:#03101c;box-shadow:0 12px 34px rgba(39,185,255,.28)}.auth-brand-image{overflow:hidden}.auth-brand-image img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.auth-brand strong{display:block;font-size:15px;letter-spacing:-.02em}.auth-brand small{display:block;margin-top:3px;color:#8fdcff;font-size:9px;font-weight:800;letter-spacing:.18em}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(73,229,174,.2);border-radius:99px;background:rgba(73,229,174,.06);color:#86efc8;font-size:9px;font-weight:800;letter-spacing:.14em}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.hero-copy{position:relative;z-index:2;max-width:670px;margin-top:76px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#69e3ff;font-size:10px;font-weight:900;letter-spacing:.2em}.hero-eyebrow i{font-size:11px}.hero-copy h1{margin:15px 0 20px;font-size:clamp(45px,5.4vw,72px);line-height:.94;letter-spacing:-.07em}.hero-copy h1 span{background:linear-gradient(90deg,#fff,#56ddff 55%,#6d8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:590px;margin:0;color:#b9cce1;font-size:15px;line-height:1.65}.hero-copy p b{color:#eaf6ff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;max-width:620px}.feature-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(160,210,255,.11);border-radius:16px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px);transition:.2s}.feature-card:hover{transform:translateY(-2px);border-color:rgba(66,220,255,.3);background:rgba(66,220,255,.055)}.feature-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(66,220,255,.2),rgba(38,140,255,.12));color:#63e4ff;font-size:13px}.feature-card b{display:block;font-size:11px}.feature-card small{display:block;margin-top:3px;color:#7890aa;font-size:9px}.hero-bottom{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.hero-bottom span{display:flex;align-items:center;gap:7px;color:#91abc5;font-size:10px;font-weight:700}.hero-bottom i{color:#48dcff}.showcase-glow-card{position:absolute;z-index:2;right:38px;bottom:34px;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid rgba(71,215,255,.2);border-radius:17px;background:rgba(3,12,25,.58);box-shadow:0 15px 40px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.showcase-glow-card>i{color:#ffd35b;font-size:18px}.showcase-glow-card b{display:block;font-size:10px}.showcase-glow-card small{display:block;margin-top:3px;color:#7f99b4;font-size:9px}
.auth-form-side{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:54px 48px;background:linear-gradient(180deg,rgba(10,17,31,.86),rgba(5,9,17,.98));border-left:1px solid rgba(134,188,232,.13)}.auth-form-side:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.035);border-radius:25px;pointer-events:none}.auth-form-side>*{position:relative;z-index:1}.form-head{display:flex;align-items:center;gap:14px}.form-badge{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(66,220,255,.16),rgba(124,92,255,.13));border:1px solid rgba(66,220,255,.2);color:#6ce5ff}.form-head>div:last-child>span{display:block;color:#55dfff;font-size:9px;font-weight:900;letter-spacing:.17em}.auth-form-side h2{margin:3px 0 0;font-size:36px;line-height:1;letter-spacing:-.05em}.auth-form-side h2 span{color:#48ddff}.form-subtitle{margin:13px 0 28px;color:var(--muted);font-size:12px}.auth-field{margin-bottom:17px}.auth-field label{display:block;margin:0 0 7px;color:#c9d8e9;font-size:10px;font-weight:800;letter-spacing:.04em}.auth-input-wrap{position:relative}.auth-input-wrap>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:#7190ae;font-size:13px}.auth-input{width:100%;height:55px;padding:0 45px;border:1px solid rgba(126,177,221,.2);border-radius:14px;outline:none;background:rgba(15,29,50,.78);color:#fff;font:500 12px Inter,Arial,sans-serif;transition:.2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.auth-input::placeholder{color:#5f7792}.auth-input:focus{border-color:#42dcff;box-shadow:0 0 0 3px rgba(66,220,255,.09),0 0 24px rgba(66,220,255,.08)}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#7894b1;cursor:pointer}.password-toggle:hover{background:rgba(255,255,255,.05);color:#fff}
.auth-button{width:100%;height:55px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:3px;background:linear-gradient(100deg,#3de0ff,#278fff);color:#03111e;text-decoration:none;font:900 13px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 13px 30px rgba(35,144,255,.25);transition:.2s}.auth-button:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(35,144,255,.34);filter:brightness(1.05)}.auth-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.trial-login-button{width:100%;min-height:66px;margin-top:11px;padding:10px 13px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:1px solid rgba(66,220,255,.23);border-radius:15px;background:linear-gradient(100deg,rgba(66,220,255,.13),rgba(38,140,255,.1));color:#eafaff;text-decoration:none;box-shadow:0 10px 28px rgba(18,128,220,.1);transition:.2s}.trial-login-button:hover{transform:translateY(-2px);border-color:rgba(66,220,255,.48);background:linear-gradient(100deg,rgba(66,220,255,.19),rgba(38,140,255,.15));box-shadow:0 16px 34px rgba(18,128,220,.17)}.trial-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;background:linear-gradient(145deg,#48dcff,#298bff);color:#03121f;box-shadow:0 8px 20px rgba(42,155,255,.2)}.trial-login-button b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.trial-login-button small{display:block;margin-top:4px;color:#82a3bf;font-size:9px}.trial-arrow{margin-left:auto;color:#5cdfff;font-size:11px}.form-divider{display:flex;align-items:center;gap:12px;margin:21px 0 15px;color:#526a84;font-size:10px}.form-divider:before,.form-divider:after{content:"";height:1px;flex:1;background:rgba(132,177,221,.11)}.signup-line{text-align:center;color:#6e86a1;font-size:10px}.signup-line a{color:#54ddff;text-decoration:none;font-weight:800}.signup-line a:hover{text-decoration:underline}.auth-note{text-align:center;margin-top:20px;color:#506680;font-size:9px}.auth-note i{margin-right:5px;color:#6a829d}.auth-alert{padding:11px 13px;border-radius:11px;margin:-5px 0 15px;font-size:11px}.auth-alert.error{border:1px solid rgba(255,100,125,.2);background:rgba(255,70,95,.07);color:#ffadb9}.auth-alert.success{border:1px solid rgba(73,229,174,.2);background:rgba(73,229,174,.07);color:#9cf3d0}
@media(max-width:900px){body.auth-page{padding:18px}.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-showcase{min-height:560px;padding:30px 32px}.hero-copy{margin-top:58px}.showcase-glow-card{right:30px}.auth-form-side{border-left:0;border-top:1px solid rgba(134,188,232,.13);padding:40px 34px}.auth-form-side:before{display:none}}
@media(max-width:520px){body.auth-page{padding:0;display:block}.auth-shell{min-height:100vh;border:0;border-radius:0}.auth-showcase{min-height:auto;padding:25px 21px 30px}.live-pill{display:none}.hero-copy{margin-top:40px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:13px}.feature-grid{grid-template-columns:1fr}.hero-bottom{gap:12px}.showcase-glow-card{position:relative;right:auto;bottom:auto;margin-top:25px;width:max-content;max-width:100%}.auth-form-side{padding:32px 21px 35px}.auth-form-side h2{font-size:32px}.auth-input{height:54px}}


/* FINAL UI STABILITY PATCH 6.0
   Apenas normaliza o layout; não altera autenticação. */
html,body.auth-page{width:100%;min-width:0;}
body.auth-page,body.auth-page *{box-sizing:border-box;}
.auth-shell{isolation:isolate;}
.auth-form-side{min-width:0;}
.auth-input-wrap{width:100%;min-width:0;}
.auth-input{display:block;min-width:0;}
.auth-button{appearance:none;-webkit-appearance:none;}
.auth-button i{flex:0 0 auto;}
.auth-alert{word-break:break-word;}
@media(max-width:900px){
  .auth-shell{width:100%;min-height:0;}
  .auth-showcase,.auth-form-side{min-width:0;}
}
@media(max-width:520px){
  .auth-shell{width:100%;max-width:none;}
  .auth-form-side{width:100%;}
  .auth-input{font-size:14px;}
}