.login-page{--login-bg:var(--overlay);--login-card:color-mix(in oklch, var(--overlay) 78%, transparent);--login-card-top:color-mix(in oklch, color-mix(in oklch, var(--overlay) 92%, var(--overlay-foreground)) 82%, transparent);--login-card-bottom:color-mix(in oklch, var(--overlay) 82%, transparent);--login-borda:color-mix(in oklch, var(--overlay-foreground) 14%, transparent);--login-texto:var(--overlay-foreground);--login-muted:color-mix(in oklch, var(--overlay-foreground) 68%, transparent);--login-input:color-mix(in oklch, color-mix(in oklch, var(--overlay) 85%, var(--overlay-foreground)) 55%, transparent);--login-input-border:color-mix(in oklch, var(--overlay-foreground) 18%, transparent);min-height:100svh;color:var(--login-texto);background:var(--login-bg);font-family:var(--font-sans);position:relative;overflow:hidden}.login-backdrop{z-index:0;background:var(--login-bg);pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-carousel{position:absolute;inset:0}.login-slide{object-fit:cover;object-position:center;opacity:0;filter:saturate(.9)contrast(1.08);will-change:opacity, transform;width:100%;height:100%;animation-name:loginCarouselFade;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:0;transform:scale(1.04)}.login-slide:first-child{animation-delay:0s}.login-slide:nth-child(2){animation-delay:8s}.login-slide:nth-child(3){animation-delay:16s}.login-slide:nth-child(4){animation-delay:24s}.login-slide:nth-child(5){animation-delay:32s}@keyframes loginCarouselFade{0%{opacity:0;transform:scale(1.04)}5%{opacity:1}20%{opacity:1;transform:scale(1.09)}25%{opacity:0;transform:scale(1.11)}to{opacity:0;transform:scale(1.04)}}.login-tone-layer{z-index:1;background:radial-gradient(circle at 72% 46%, color-mix(in oklch, var(--overlay-foreground) 6%, transparent), transparent 18%), radial-gradient(circle at 27% 52%, color-mix(in oklch, var(--overlay-foreground) 4%, transparent), transparent 21%), linear-gradient(90deg, color-mix(in oklch, var(--overlay) 62%, transparent), color-mix(in oklch, var(--overlay) 38%, transparent) 45%, color-mix(in oklch, var(--overlay) 58%, transparent)), color-mix(in oklch, var(--overlay) 40%, transparent);position:absolute;inset:0}.login-vignette{z-index:2;background:radial-gradient(circle at center, transparent 0 35%, color-mix(in oklch, var(--overlay) 30%, transparent) 65%, color-mix(in oklch, var(--overlay) 78%, transparent) 100%), linear-gradient(to bottom, color-mix(in oklch, var(--overlay) 35%, transparent), transparent 35%, color-mix(in oklch, var(--overlay) 50%, transparent));position:absolute;inset:0}.login-light-beam{z-index:3;background:conic-gradient(from 250deg at 63% 45%, transparent 0deg, color-mix(in oklch, var(--overlay-foreground) 7%, transparent) 16deg, transparent 42deg);filter:blur(12px);opacity:.75;position:absolute;inset:-20%}.login-content{z-index:4;grid-template-columns:1.45fr .85fr;align-items:center;gap:64px;width:min(1280px,100% - 56px);min-height:100svh;margin:0 auto;display:grid;position:relative}.login-brand{align-items:center;gap:28px;display:flex;transform:translate(-92px,22px)}.login-brand-logo{object-fit:contain;width:126px;height:126px;filter:drop-shadow(0 0 18px color-mix(in oklch, var(--overlay-foreground) 16%, transparent))}.login-brand-text h1{font-family:var(--font-sans);letter-spacing:.02em;text-shadow:0 4px 22px color-mix(in oklch, var(--overlay) 85%, transparent);max-width:720px;font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.15}.login-brand-text p{font-family:var(--font-sans);letter-spacing:.01em;color:var(--login-muted);text-shadow:0 4px 22px color-mix(in oklch, var(--overlay) 85%, transparent);margin-top:10px;font-size:clamp(15px,1.35vw,20px);font-weight:500}.login-card{border:1px solid var(--login-borda);background:linear-gradient(180deg, var(--login-card-top), var(--login-card-bottom)), var(--login-card);width:100%;max-width:430px;box-shadow:0 0 0 1px color-mix(in oklch, var(--overlay-foreground) 3%, transparent) inset, 0 22px 70px color-mix(in oklch, var(--overlay) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:26px}.login-card h2{font-family:var(--font-sans);margin-bottom:6px;font-size:20px;font-weight:700}.login-card .login-subtitle{color:var(--login-muted);margin-bottom:22px;font-size:13px}.login-form-group{margin-bottom:16px}.login-form-group label{font-size:13px;font-weight:600;font-family:var(--font-sans);margin-bottom:7px;display:block}.login-form-group .login-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.login-form-group .login-label-row label{margin-bottom:0}.login-forgot{color:var(--login-muted);text-underline-offset:3px;font-size:12px;text-decoration:underline}.login-forgot:hover{color:var(--login-texto)}.login-input{border:1px solid var(--login-input-border);width:100%;height:42px;color:var(--login-texto);background:var(--login-input);box-shadow:inset 0 1px 8px color-mix(in oklch, var(--overlay) 28%, transparent);border-radius:7px;outline:none;padding:0 13px;font-family:inherit}.login-input::placeholder{color:color-mix(in oklch, var(--overlay-foreground) 40%, transparent)}.login-input:focus{border-color:color-mix(in oklch, var(--overlay-foreground) 42%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--overlay-foreground) 8%, transparent)}.login-btn{width:100%;height:44px;color:var(--overlay);font-weight:700;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex}.login-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.login-btn:disabled{opacity:.75;cursor:wait}.login-btn-primary{background:linear-gradient(180deg, var(--overlay-foreground), color-mix(in oklch, var(--overlay-foreground) 88%, var(--overlay)));box-shadow:0 12px 30px color-mix(in oklch, var(--overlay) 35%, transparent);margin-top:2px}.login-error{border:1px solid color-mix(in oklch, var(--destructive) 40%, transparent);background:color-mix(in oklch, color-mix(in oklch, var(--overlay) 92%, var(--overlay-foreground)) 72%, transparent);color:color-mix(in oklch, var(--destructive) 35%, var(--overlay-foreground));border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}@media (max-width:900px){.login-page{overflow:auto}.login-content{grid-template-columns:1fr;justify-content:center;gap:34px;width:min(520px,100% - 40px);min-height:100svh;padding:56px 0 72px}.login-brand{text-align:center;flex-direction:column;justify-content:center;transform:none}.login-brand-logo{width:112px;height:112px}.login-card{max-width:none}}@media (prefers-reduced-motion:reduce){.login-slide{opacity:0;animation:none!important}.login-slide:first-child{opacity:1;transform:scale(1.04)}}