/* Split access card: brand-led presentation, independent of authentication. */
@media screen {
 .confirme-studio:has(.studio-login){background:#f4f3f3;color:#30292c;color-scheme:light}
 .confirme-studio:has(.studio-login)>.studio-ambience{display:none}
 .confirme-studio .anonymous>.topbar{height:65px;position:absolute;inset:0 0 auto;background:transparent;box-shadow:none;border:0;backdrop-filter:none;pointer-events:none;padding:15px 30px}
 .confirme-studio .anonymous>.topbar>.brand{display:none}
 .confirme-studio .anonymous>.topbar .top-actions{margin-left:auto;pointer-events:auto}
 .confirme-studio .anonymous .appearance>summary{color:#75696e;border-color:#ded8db;background:#ffffffa3}
 .confirme-studio .anonymous main{padding:0;max-width:none}
 .login-stage{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:95px 40px 48px;position:relative;isolation:isolate;overflow:hidden}
 .login-corner{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:linear-gradient(130deg,#b24351,#791122 60%,#4a0605);box-shadow:inset -22px -10px 0 #4a060530,inset 0 1px 0 #ffffff45}
 .login-corner-one{width:560px;height:560px;top:-290px;left:-210px}
 .login-corner-two{width:400px;height:400px;bottom:-295px;right:-180px}
 .confirme-studio .login-grid.studio-login{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;width:100%;max-width:1080px;min-height:638px;margin:0;gap:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 35px 65px -25px #30212850,0 10px 25px #30212810;border:1px solid #fff}
 .studio-login .login-card{padding:43px 64px 34px;margin:0;background:#fff;display:flex;align-items:center;justify-content:center;min-width:0;border:0;border-radius:0;color:#30292c}
 .login-card-content{width:100%;max-width:340px;text-align:center}
 .login-welcome{display:block;font-size:.61rem;letter-spacing:.2em;font-weight:650;color:#7b7175;margin-bottom:3px}
 .login-company-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 18px;background:#fff}
 .studio-login h1{font-size:1.65rem;font-weight:650;letter-spacing:-.045em;margin:0 0 9px}
 .login-description{font-size:.79rem;color:#857b80;margin:0 0 27px}
 .studio-login form{text-align:left;margin:0}
 .studio-login label{font-size:.71rem;font-weight:600;color:#685d62;display:block;margin-bottom:7px}
 .login-input-wrap,.studio-login .login-password{position:relative;margin-bottom:16px}
 .login-input-wrap>.ui-icon,.login-lock{position:absolute;top:16px;left:17px;width:17px;height:17px;color:#a79ba0;pointer-events:none;z-index:1}
 .confirme-studio .studio-login input:not([type=hidden]){width:100%;margin:0;min-height:49px;padding:12px 20px 12px 43px;border:1px solid #e2dade;background:#fff;color:#362930;border-radius:26px;font-size:.82rem;box-shadow:0 2px 4px #34232903}
 .studio-login input::placeholder{color:#9a8e94;opacity:1}
 .confirme-studio .studio-login input:focus{border-color:#9a2734;outline:2px solid #9a273429;outline-offset:2px;box-shadow:0 0 0 5px #9a273406}
 .confirme-studio .studio-login .login-password:has(.password-toggle:not([hidden])) input{padding-right:54px}
 .studio-login .password-toggle{right:5px;border-radius:50%;color:#927b85}
 .studio-login .password-toggle:hover,.studio-login .password-toggle[aria-pressed=true]{color:#791122;background:#f6edf0}
 .studio-login .password-toggle:focus-visible{outline-color:#9a2734}
 .confirme-studio .studio-login .login-submit{background:linear-gradient(110deg,#a42e40,#791122);color:#fff;border:0;border-radius:26px;min-height:49px;box-shadow:0 7px 15px #79112235;font-size:.82rem;margin-top:5px;position:relative}
 .studio-login .login-submit>span{position:absolute;right:22px;font-size:1.2rem;font-weight:400}
 .confirme-studio .studio-login .login-submit:hover{background:linear-gradient(110deg,#b2384d,#86192b);box-shadow:0 9px 22px #79112248;transform:translateY(-2px)}
 .login-privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.66rem;color:#8b7d84;margin:21px 0 26px}
 .login-privacy .ui-icon{width:14px;height:14px}
 .login-demo-label{padding-top:20px;border-top:1px solid #eee8eb;line-height:1.6}
 .login-demo-label>span{color:#83747b;font-size:.56rem;letter-spacing:.11em;display:block}
 .login-demo-label>small{color:#95868e;font-size:.63rem}
 .studio-login .validation{color:#86192b;background:#fbf1f3;border-radius:10px;font-size:.77rem;text-align:left}
 .studio-login .validation-summary-valid{display:none}
 .login-visual{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#791122;perspective:1000px;min-width:0}
 .login-city{position:absolute;inset:-25px;z-index:-3;background:url('/images/login-city-confirme.png') center/cover no-repeat;transform:scale(1.06) rotateX(var(--scene-x,0deg)) rotateY(var(--scene-y,0deg));transition:transform .55s var(--ease-studio);filter:saturate(.55)}
 .login-visual::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(150deg,#a22c39b3,#791122b8 48%,#4a0605e0)}
 .login-visual::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#38061020,transparent 70%);pointer-events:none}
 .login-visual-grain{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,transparent 50%);pointer-events:none}
 .login-visual-content{text-align:center;color:#fff;padding:48px 30px;max-width:450px;text-shadow:0 2px 15px #31030926}
 .login-visual-kicker{font-size:.7rem;letter-spacing:.38em;display:block;margin-bottom:30px;color:#f4dbe0}
 .login-brand-mark{display:block;width:104px;height:72px;margin:0 auto 6px;filter:drop-shadow(0 5px 9px #32020c20)}
 .login-wordmark{font-size:3.7rem;line-height:1.2;letter-spacing:-.065em;font-weight:750;font-style:italic}
 .login-visual-rule{width:38px;height:2px;margin:28px auto;background:#efc4ce}
 .login-visual h2{font-size:1.32rem;line-height:1.5;font-weight:450;letter-spacing:-.02em;margin:0 auto 10px;max-width:265px;text-wrap:balance}
 .login-visual p{font-size:.91rem;color:#f3d3da;margin:0}
 .login-visual-footer{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#edbcc7}
 .login-visual-footer>span{font-size:.5rem;letter-spacing:.16em}
 .scene-pause{border:1px solid #ffffff38;border-radius:15px;padding:7px 11px;font:inherit;font-size:.58rem;background:#ffffff0b;color:#f4d6de;backdrop-filter:blur(8px)}
 .scene-pause[hidden]{display:none}
 .scene-pause:hover{background:#ffffff20;color:#fff}
 .login-footer{display:flex;justify-content:space-between;width:100%;max-width:1080px;gap:20px;font-size:.61rem;color:#91818a;padding:25px 3px 0;letter-spacing:.025em}
 html:not([data-motion=off]) .login-corner{animation:login-drift 12s ease-in-out infinite alternate}
 html:not([data-motion=off]) .login-visual-content{animation:login-brand-enter .85s var(--ease-studio) both}
 @keyframes login-drift{to{transform:translate(12px,18px) rotate(8deg)}}
 @keyframes login-brand-enter{from{opacity:.1;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
 @media(max-width:1000px){.studio-login .login-card{padding:38px}.confirme-studio .login-grid.studio-login{min-height:620px}.login-wordmark{font-size:3.2rem}}
 @media(min-width:721px) and (max-height:820px){
  .login-stage{padding:65px 32px 28px}.confirme-studio .login-grid.studio-login{min-height:0}
  .studio-login .login-card{padding:24px 56px}.login-company-logo{width:100px;height:100px;margin-bottom:10px}
  .login-description{margin-bottom:18px}.login-privacy{margin:16px 0 18px}.login-demo-label{padding-top:12px}
  .confirme-studio .studio-login input:not([type=hidden]){min-height:44px;padding-top:10px;padding-bottom:10px}
  .login-input-wrap>.ui-icon,.login-lock{top:13px}.confirme-studio .studio-login .login-submit{min-height:44px}
  .login-footer{padding-top:20px}
 }
 @media(max-width:720px){
  .confirme-studio .anonymous>.topbar{padding:12px 17px;height:56px}.login-stage{padding:73px 18px 26px;justify-content:flex-start}
  .confirme-studio .login-grid.studio-login{grid-template-columns:1fr;max-width:460px;min-height:0;border-radius:21px}
  .studio-login .login-card{padding:30px 28px}.login-company-logo{width:133px;height:133px;margin-bottom:14px}.login-description{margin-bottom:24px;font-size:.76rem}
  .login-visual{min-height:260px}.login-visual-content{padding:28px 20px 63px}.login-visual-kicker{font-size:.54rem;margin-bottom:13px}.login-brand-mark{width:51px;height:35px;display:none}.login-wordmark{font-size:2.5rem}
  .login-visual-rule{margin:16px auto}.login-visual h2{font-size:1rem;display:inline}.login-visual h2 br{display:none}.login-visual p{font-size:.8rem;margin-top:5px}
  .login-visual-footer{bottom:15px;left:20px;right:20px}.login-footer{max-width:460px;font-size:.55rem;padding-top:20px}.login-corner-one{left:-420px;top:-315px}.login-corner-two{bottom:-285px;right:-230px}
  .confirme-studio .anonymous .appearance-panel{right:0}.login-city{transform:scale(1.02)}
 }
 @media(prefers-reduced-motion:reduce){.login-corner,.login-visual-content{animation:none!important}.login-city{transition:none;transform:none}}
}
@media print{.login-corner,.login-visual,.login-footer{display:none}.studio-login{display:block}.login-card{max-width:400px;margin:auto}}