:root{color-scheme:dark;--cyan:#00cfff;--blue:#087cff;--panel:#020b19;--line:#6d9fcf;--muted:#c6c9cf}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#01050b;font-family:"Segoe UI",Arial,sans-serif;color:#fff}body{display:grid;place-items:center;overflow:auto}.screen{position:relative;width:min(100vw,1536px);aspect-ratio:3/2;min-width:960px;overflow:hidden;background:#020714 url("assets/reference.png") center/100% 100% no-repeat}.official-scene{position:absolute;inset:0 37% 0 0}.login-panel{position:absolute;top:6.65%;right:2.72%;width:34.25%;height:68.75%;padding:2.05% 2.85%;border:1px solid rgba(149,197,239,.85);border-radius:25px;background:radial-gradient(circle at 55% 35%,rgba(8,35,72,.32),transparent 44%),linear-gradient(145deg,rgba(4,17,34,.97),rgba(1,8,18,.985));box-shadow:inset 0 0 32px rgba(0,79,160,.08),0 16px 45px rgba(0,0,0,.4)}.availability{height:9%;display:flex;align-items:flex-start;gap:13px;color:#19f4b5;font-size:15px}.availability span{width:12px;height:12px;border-radius:50%;margin-top:2px;background:#36f1bd;box-shadow:0 0 12px #18e9b0}.login-panel header{text-align:center;margin:4.5% 0 7.2%}.login-panel h1{font-size:22px;font-weight:500;margin:0 0 13px}.login-panel header p{font-size:16px;color:#ddd;margin:0}.login-panel form>label{display:block;color:var(--cyan);font-size:15px;margin:0 0 9px}.field{height:60px;margin-bottom:26px;padding:0 18px;border:1px solid rgba(123,155,188,.72);border-radius:10px;display:flex;align-items:center;background:linear-gradient(100deg,rgba(4,20,39,.97),rgba(2,10,21,.98));box-shadow:inset 0 0 20px rgba(0,0,0,.32)}.field svg{width:28px;height:28px;fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.field .eye{stroke:#fff;width:27px}.field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:0 18px;font-size:16px}.field input::placeholder{color:#b8b9bd}.field:focus-within{border-color:#14d8ff;box-shadow:0 0 0 2px rgba(0,207,255,.1),0 0 16px rgba(0,163,255,.2)}.options{display:flex;align-items:center;justify-content:space-between;margin:0 0 35px;font-size:15px}.options a{color:var(--cyan);text-decoration:none}.check{display:flex;align-items:center;gap:12px}.check input{position:absolute;opacity:0}.check span{width:23px;height:23px;border:2px solid #0099e9;border-radius:2px;background:#041323}.check input:checked+span::after{content:"✓";display:grid;place-items:center;color:#00d7ff}.login-panel form>button{position:relative;width:100%;height:64px;border:1px solid #13c3ff;border-radius:10px;background:linear-gradient(180deg,#1599ff,#0757de 55%,#0545d1);box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 19px rgba(0,124,255,.55);color:#fff;font-size:23px}.login-panel form>button b{position:absolute;right:26px;font-size:31px;font-weight:300;top:10px}.quick-title{display:flex;align-items:center;gap:18px;color:var(--cyan);font-size:14px;margin:25px 0 13px;white-space:nowrap}.quick-title span{height:1px;flex:1;background:#273446}.quick-card{height:82px;padding:9px 20px;border:1px solid rgba(110,147,183,.68);border-radius:10px;background:linear-gradient(110deg,#04172b,#020915);font-size:15px}.quick-card p{margin:4px 0}.quick-card strong{color:var(--cyan);font-weight:400}.lower-panel{position:absolute;left:1.65%;right:1.75%;bottom:6.6%;height:15.25%;display:grid;grid-template-columns:17% 17% 17% 17% 32%;align-items:center;padding:0 1.25%;border:1px solid rgba(93,142,190,.6);border-radius:15px;background:linear-gradient(115deg,rgba(3,17,32,.985),rgba(1,8,18,.985));box-shadow:0 15px 35px rgba(0,0,0,.45)}.benefit{height:74%;display:flex;align-items:center;gap:17px;padding:0 20px;border-right:1px solid rgba(70,105,139,.35)}.benefit i{width:58px;flex:none;color:#10aaff;font-style:normal;font-size:46px;text-align:center;text-shadow:0 0 10px #087cff}.benefit strong{font-size:15px;font-weight:500}.benefit p{font-size:13px;line-height:1.65;color:#c0c2c6;margin:8px 0 0}.camila{height:100%;position:relative;display:grid;grid-template-columns:120px 1fr;align-items:center;padding-left:9px}.avatar{width:118px;height:118px;border-radius:50%;background:url("assets/reference.png") 74.4% 87.4%/1302% 868%;border:2px solid #d857ff;box-shadow:0 0 13px #963dff}.camila-copy{padding-left:18px;align-self:center}.camila h2{color:#ee58ff;font-size:21px;margin:0 0 5px}.camila-copy>strong{font-size:14px}.camila p{font-size:13px;line-height:1.55;color:#d1cbd4;margin:7px 0 4px}.camila span{font-size:13px;color:#23f2b5}.camila>button{position:absolute;right:0;bottom:4px;height:39px;padding:0 18px;border:1px solid #f04dff;border-radius:8px;background:#150522;color:#f065ff;font-size:15px}footer{position:absolute;left:9.4%;right:9.5%;bottom:1.8%;display:flex;align-items:center;gap:44px;color:#b8b8bc}footer i{height:1px;flex:1;background:linear-gradient(90deg,#00b7ff,#0084ff);box-shadow:0 0 5px #00aaff}footer p{font-size:15px;white-space:nowrap}@media(max-width:1100px){.login-panel{border-radius:18px}.field{height:52px;margin-bottom:18px}.login-panel header{margin:2% 0 5%}.options{margin-bottom:22px}.login-panel form>button{height:53px}.quick-title{margin:16px 0 9px}.quick-card{height:66px;font-size:12px;padding-top:7px}.benefit{gap:8px;padding:0 10px}.benefit i{font-size:35px;width:43px}.benefit p{font-size:10px}.camila{grid-template-columns:88px 1fr}.avatar{width:84px;height:84px}.camila-copy{padding-left:9px}.camila h2{font-size:16px}.camila-copy>strong,.camila p,.camila span{font-size:10px}.camila>button{font-size:11px;height:30px}}
/* Ajuste exclusivo de fidelidade do avatar Camila IA. */
.camila::before{content:"";position:absolute;left:0;top:0;width:140px;height:100%;background:#020b18}
.avatar{position:relative;z-index:1;box-shadow:none}
.camila-copy{position:relative;z-index:1}
.avatar{background-image:url("assets/reference.png");background-repeat:no-repeat;background-size:1302% 868%;background-position:73.4% 89.6%;border:2px solid #d857ff}
.camila-status{position:absolute;right:0;bottom:10px;color:#22efae;font-size:13px;white-space:nowrap}
.benefit i svg{width:58px;height:58px;fill:none;stroke:#10aaff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(0,132,255,.7))}
.sidebar-effects{position:absolute;z-index:3;left:0;top:7.8%;width:7.45%;height:68.2%;display:grid;grid-template-rows:repeat(6,1fr);pointer-events:auto}
.sidebar-effects span{position:relative;display:block;cursor:not-allowed;transition:transform .24s ease,filter .24s ease,background .24s ease;outline:none}
.sidebar-effects span::after{content:"";position:absolute;right:0;top:22%;width:2px;height:56%;border-radius:2px;background:#20bfff;box-shadow:0 0 12px #008cff;opacity:0;transition:opacity .24s ease}
.sidebar-effects span:hover{transform:translateY(-3px);filter:brightness(1.22);background:radial-gradient(circle at 55% 50%,rgba(0,150,255,.12),transparent 65%)}
.sidebar-effects span:hover::after{opacity:1}
.benefit{gap:19px;padding:7px 16px;border-radius:10px;background:linear-gradient(135deg,rgba(5,28,52,.28),rgba(1,10,22,.12));box-shadow:inset 0 0 0 1px rgba(42,161,255,.075)}
.benefit i{width:64px}
.benefit i svg{width:64px;height:64px;stroke-width:1.35;filter:drop-shadow(0 0 5px rgba(0,150,255,.56))}
.benefit i svg .core{stroke:#20c9ff;filter:drop-shadow(0 0 2px rgba(0,184,255,.75))}
.benefit strong{font-weight:600;letter-spacing:.25px;text-shadow:0 0 9px rgba(0,164,255,.18)}
.eye-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.eye-button .eye{width:27px;height:27px}.login-error{min-height:18px;margin:-23px 0 5px;color:#ff7187;font-size:12px}.login-panel form>button[disabled]{cursor:wait;filter:saturate(.65);opacity:.78}.login-panel form>button .loading-dot{display:inline-block;width:14px;height:14px;margin-right:9px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%}
.screen{background-image:url("/IMG/login-reference.png")}
.avatar{background-image:url("/IMG/login-reference.png")}
.avatar{background-image:url("/IMG/camila-avatar-premium.png");background-size:cover;background-position:center;background-repeat:no-repeat}
@media(max-width:700px){body{display:block;overflow-x:hidden}.screen{width:100%;min-width:0;min-height:100vh;aspect-ratio:auto;overflow:visible;padding:235px 12px 24px;background-size:auto 100%;background-position:42% center}.official-scene{inset:0 0 auto;height:235px}.sidebar-effects{display:none}.login-panel{position:relative;top:auto;right:auto;width:100%;height:auto;padding:25px 18px;border-radius:18px}.availability{height:auto;margin-bottom:18px}.login-panel header{margin:10px 0 28px}.login-panel h1{font-size:21px}.login-panel header p{font-size:14px}.field{height:56px;margin-bottom:20px}.options{gap:14px;margin-bottom:29px;font-size:12px}.login-error{margin:-18px 0 4px}.login-panel form>button{height:58px}.quick-title{margin-top:21px}.quick-card{height:auto;min-height:76px}.lower-panel{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto;margin-top:16px;padding:12px;grid-template-columns:1fr 1fr;border-radius:14px}.benefit{min-height:102px;padding:8px;gap:10px;border-right:0;border-bottom:1px solid rgba(70,105,139,.24)}.benefit:nth-child(odd){border-right:1px solid rgba(70,105,139,.24)}.benefit i,.benefit i svg{width:46px;height:46px}.benefit strong{font-size:11px}.benefit p{font-size:9px}.camila{grid-column:1/-1;min-height:128px;grid-template-columns:92px 1fr;padding:8px 4px}.camila::before{width:106px}.avatar{width:86px;height:86px}.camila-copy{padding-left:10px}.camila h2{font-size:17px}.camila-copy>strong,.camila p,.camila span,.camila-status{font-size:10px}.camila-status{bottom:7px}footer{display:none}}