/* TikTac Tenant Landing 2026 - presentation only */
#loginView.login{grid-template-columns:minmax(0,1.24fr) minmax(380px,.76fr);background:#f4f7fc}
#loginView .loginHero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:48px clamp(35px,6.3vw,125px) 45px;background:radial-gradient(circle at 84% 13%,#184f9f 0,transparent 30%),radial-gradient(circle at 18% 84%,#087e9c88 0,transparent 43%),linear-gradient(125deg,#05152f 2%,#081f46 46%,#06162d 100%);justify-content:flex-start}
#loginView .loginHero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#0008)}
#loginView .loginHero:after{content:"";position:absolute;z-index:-1;width:50vw;height:50vw;right:-26vw;top:14vh;border:1px solid #40e7e455;border-radius:50%;box-shadow:0 0 100px #00ddff20}
#loginView .heroLogo{position:relative;z-index:3;gap:12px}#loginView .heroLogo strong{font-size:32px;letter-spacing:-1.8px}
#loginView .tt-logo{width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 5px 16px #23efee22)}
.tt-eyebrow{margin-top:65px;display:inline-flex;align-self:flex-start;gap:9px;align-items:center;padding:9px 13px;border-radius:100px;background:#32d5df19;border:1px solid #6ceeea3c;color:#92f5f0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tt-eyebrow b{width:7px;height:7px;border-radius:50%;background:#63e7b9;box-shadow:0 0 15px #63e7b9}
#loginView .loginHero h1{font-size:clamp(42px,4.45vw,78px);line-height:1.045;letter-spacing:-.06em;max-width:830px;margin:23px 0 14px;font-weight:850}
#loginView .loginHero h1 em{font-style:normal;color:#6ae6e1;background:linear-gradient(115deg,#b2f9f1,#42cce4);background-clip:text;-webkit-text-fill-color:transparent}
#loginView .loginHero p{font-size:clamp(15px,1.16vw,18px);max-width:685px;margin:6px 0;color:#b9cbe7}
#loginView .heroChips{margin-top:25px}#loginView .heroChips span{font-size:12px;padding:9px 12px;background:#ffffff0c}
.tt-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:240px;margin-top:32px;align-items:stretch}
.tt-scenario{position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(150deg,#132e5f,#0c234a);border:1px solid #81ffff30;padding:22px;box-shadow:0 18px 48px #0005;transition:transform .4s ease,background .4s}
.tt-scenario:hover,.tt-livepanel:hover{transform:translateY(-4px)}
.tt-caption{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#76e7e7}
.tt-scenario h3{position:relative;z-index:2;font-size:24px;line-height:1.13;margin:14px 0 7px;letter-spacing:-.045em;color:white}
.tt-scenario p{position:relative;z-index:2;font-size:12px!important;line-height:1.5!important;color:#cbdef3!important;margin:0!important}
.tt-scenario img{position:absolute;right:-28px;bottom:-40px;width:170px;height:170px;opacity:.23;pointer-events:none;filter:saturate(.8)}
.tt-dotrow{display:flex;gap:5px;margin-top:23px;position:relative;z-index:2}.tt-dot{border:0;padding:0;cursor:pointer;background:#ffffff45;width:6px;height:6px;border-radius:9px;transition:.3s}.tt-dot.active{width:24px;background:#76e7e7}
.tt-livepanel{border:1px solid #ffffff24;border-radius:23px;background:#ffffff0f;backdrop-filter:blur(14px);padding:19px;transition:transform .4s ease}
.tt-panelheader{display:flex;justify-content:space-between;align-items:center;gap:10px}.tt-panelheader strong{font-size:12px;color:#f2f8ff}.tt-online{color:#84f3d2;font-size:10px}
.tt-event{border:1px solid #ffffff18;background:#ffffff14;border-radius:14px;padding:12px;margin-top:11px;display:flex;align-items:flex-start;gap:10px;animation:ttSlide .48s ease both}
.tt-eventicon{display:grid;place-items:center;width:33px;height:33px;min-width:33px;border-radius:10px;background:#18d6be24;color:#8ffbea;font-size:18px}
.tt-event strong{display:block;color:white;font-size:12px}.tt-event small{display:block;color:#a9c0db;font-size:10px;margin-top:4px}
.tt-quote{display:flex;align-items:center;gap:12px;margin-top:25px;color:#c7d8ee;font-size:12px;max-width:720px}.tt-quote:before{content:"";background:#5ce8da;width:23px;height:2px}
.tt-footer{margin-top:auto;padding-top:23px;color:#90aacb;font-size:10px;display:flex;flex-wrap:wrap;gap:12px}
#loginView .loginSide{position:relative;padding:clamp(24px,5vw,76px);background:radial-gradient(circle at 80% 20%,#d7f7f870,transparent 42%),#f5f7fb}
#loginView .authCard{width:min(490px,100%);border:1px solid #e7eaf0;border-radius:30px;padding:clamp(24px,2.6vw,44px);box-shadow:0 23px 75px #15294e18}
#loginView .authCard:before{content:"ACESSO EXCLUSIVO PARA EMPRESAS";display:block;color:#0b8e91;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:22px}
#loginView .authCard h2{font-size:32px;letter-spacing:-.05em}
#loginView .authCard .primary{background:linear-gradient(115deg,#155dec,#10afa7);border:0;border-radius:12px;box-shadow:0 12px 25px #0b6ad330}
#loginView .authCard input{border-radius:11px;min-height:44px}
.tt-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:18px;font-size:12px}
.tt-links a{color:#36648f;text-decoration:none}.tt-links a:hover{text-decoration:underline}
.tt-safe{border-top:1px solid #edf0f5;margin-top:25px;padding-top:17px;color:#798aa3;font-size:11px;line-height:1.5;text-align:center}
@keyframes ttSlide{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){#loginView.login{grid-template-columns:1fr}#loginView .loginHero{min-height:unset;padding:38px 6vw 45px}#loginView .loginSide{padding:40px 6vw}.tt-eyebrow{margin-top:40px}#loginView .loginHero h1{max-width:730px}}
@media(max-width:580px){.tt-stage{grid-template-columns:1fr}.tt-scenario img{right:10px}#loginView .loginHero h1{font-size:43px}.tt-footer{margin-top:30px}#loginView .loginHero{padding:27px 22px 32px}#loginView .loginSide{padding:26px 17px}#loginView .authCard{padding:24px}}
@media(prefers-reduced-motion:reduce){.tt-event{animation:none}#loginView .tt-scenario,#loginView .tt-livepanel{transition:none}}