/* Login-only appearance. Every selector is contained by #authView.
   No global body, :root, input, button, .eyebrow, .form-error or workspace rules. */
#authView #tuvLoginHero[hidden],
#authView .tuv-lp-panel-label[hidden],
#authView .tuv-lp-services[hidden],
#authView .tuv-lp-bottom[hidden] {display:none !important}
#authView.tuv-login-premium {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);min-height:100vh;min-height:100svh;background:#f8fafe;color:#101929;font-family:Inter,"Segoe UI",Arial,sans-serif;--surface:#fff;--border:#d9e0ec;--text:#111b2e;--primary:#e30613;--primary-ink:#c90017;--muted:#66738a;--on-primary:#fff}
#authView.tuv-login-premium > .auth-brand {display:none}
#authView.tuv-login-premium #tuvLoginHero {display:flex;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:100%;background:radial-gradient(ellipse at 87% 4%,#334e70 0%,#172636 44%,#0c141d 81%);border-radius:0 18px 18px 0;color:#fff}
#authView.tuv-login-premium .tuv-lp-photo {position:absolute;inset:0;background:url('/assets/login-premium/architecture.webp?v=1.0.0') no-repeat right center;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent 0%,transparent 49%,#000 77%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 49%,#000 77%);z-index:-2}
#authView.tuv-login-premium #tuvLoginHero::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,16,24,.52) 0%,rgba(8,16,24,.38) 40%,rgba(8,16,24,.12) 66%,transparent 86%),linear-gradient(0deg,rgba(7,13,20,.34),transparent 36%);pointer-events:none}
#authView.tuv-login-premium .tuv-lp-hero-content {display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:clamp(32px,3.4vw,60px) clamp(30px,4.4vw,74px) 35px;min-height:100vh;min-height:100svh}
#authView.tuv-login-premium .tuv-lp-logo-light {width:142px;height:auto;display:block;object-fit:contain}
#authView.tuv-login-premium .tuv-lp-motto {border-left:2px solid #f51930;padding-left:20px;margin:30px 0 43px;letter-spacing:4.4px;font-size:11px;line-height:1.9;color:#d5dde8;font-weight:400}
#authView.tuv-login-premium #tuvLoginHero h1 {font-size:clamp(44px,4.15vw,70px);line-height:1.055;letter-spacing:-2.5px;font-weight:750;max-width:520px;color:#fff;margin:0;text-wrap:balance}
#authView.tuv-login-premium #tuvLoginHero h1 em {font-style:normal;color:#ff263e;white-space:nowrap}
#authView.tuv-login-premium .tuv-lp-intro {font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:#c2cbd7;margin:24px 0 28px;max-width:405px;font-weight:400}
#authView.tuv-login-premium .tuv-lp-features {display:grid;gap:20px;margin:0 0 38px}
#authView.tuv-login-premium .tuv-lp-features>div {display:flex;align-items:center;gap:20px}
#authView.tuv-login-premium .tuv-lp-features>div>svg {box-sizing:content-box;width:24px;height:24px;padding:14px;border:1px solid #ffffff08;background:#ffffff0d;border-radius:50%;color:#f3f6fa;flex-shrink:0}
#authView.tuv-login-premium .tuv-lp-features strong {font-size:14px;display:block;font-weight:600;color:#fff;margin:0 0 4px}
#authView.tuv-login-premium .tuv-lp-features small {font-size:12px;color:#bdc7d5;display:block;font-weight:400}
#authView.tuv-login-premium .tuv-lp-hero-footer {margin-top:auto;display:grid;gap:14px;color:#d8e0e8;padding-top:6px}
#authView.tuv-login-premium .tuv-lp-hero-footer i {width:43px;height:2px;background:#fa2034;display:block;margin-bottom:7px}
#authView.tuv-login-premium .tuv-lp-hero-footer>span {font-size:11px;letter-spacing:4px}
#authView.tuv-login-premium .tuv-lp-hero-footer small {font-size:9px;letter-spacing:2.8px;color:#aeb8c6}
#authView.tuv-login-premium > .auth-right {min-width:0;min-height:100vh;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding:105px clamp(30px,4.3vw,76px) 80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(143deg,#fff 7%,#f9fbff 60%,#f0f4fa 100%)}
#authView.tuv-login-premium > .auth-right::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(138deg,transparent 0 53%,#e9eef75e 53.1%,transparent 75%);pointer-events:none}
#authView.tuv-login-premium > .auth-right::after {content:"";position:absolute;right:-1px;bottom:-1px;z-index:-1;width:230px;height:230px;background:linear-gradient(135deg,transparent 49.7%,#eb001e 50%,#ed1d34 62%,#ffb7c04d 78%,transparent 89%);pointer-events:none}
#authView.tuv-login-premium .tuv-lp-panel-label {position:absolute;top:36px;right:clamp(30px,4.3vw,76px);display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.4px;color:#63738b;font-weight:600}
#authView.tuv-login-premium .tuv-lp-status-dot {display:inline-block;width:5px;height:5px;border-radius:50%;background:#e30613}
#authView.tuv-login-premium #authCard {width:100%;max-width:455px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;margin:0;color:#111b2e;--text:#111b2e;--surface:#fff;--border:#d9e0ec}
#authView.tuv-login-premium #authCard .auth-mobile-logo {display:block;width:112px!important;height:auto;margin:0 0 26px!important}
#authView.tuv-login-premium #authCard>.eyebrow {color:#dc001c;font-weight:700;font-size:9px;letter-spacing:2.2px;line-height:1.5;margin:0 0 19px}
#authView.tuv-login-premium #authCard>h2 {font-size:clamp(33px,2.75vw,46px);line-height:1.08;letter-spacing:-1.7px;font-weight:750;margin:0 0 11px;color:#0d1527}
#authView.tuv-login-premium #authCard>p {font-size:16px;line-height:1.6;font-weight:400;margin:0 0 30px;color:#66738a}
#authView.tuv-login-premium #authCard form[data-form=login] {display:block;margin:0}
#authView.tuv-login-premium #authCard form[data-form=login]>.field {display:flex;gap:8px;margin:0 0 21px;font-size:12px;font-weight:600;color:#151e2d;line-height:1.5}
#authView.tuv-login-premium .tuv-lp-input {position:relative;display:block;width:100%}
#authView.tuv-login-premium .tuv-lp-input-icon {position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#26354c;pointer-events:none;line-height:0}
#authView.tuv-login-premium .tuv-lp-input-icon svg {height:20px;width:20px}
#authView.tuv-login-premium #authCard .tuv-lp-input input {width:100%;min-height:52px;padding:13px 49px;border:1px solid #d6dfec;border-radius:11px;background:#ffffffd9;color:#111b2e;font-size:14px;font-weight:400;line-height:24px;box-shadow:0 2px 3px #23304803;outline:none}
#authView.tuv-login-premium #authCard .tuv-lp-input input::placeholder {color:#778398;opacity:1}
#authView.tuv-login-premium #authCard .tuv-lp-input input:focus {border-color:#e30613;box-shadow:0 0 0 3px #e3061310}
#authView.tuv-login-premium .tuv-lp-password-toggle {position:absolute;right:5px;top:50%;transform:translateY(-50%);height:42px;width:42px;padding:10px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#53617a;cursor:pointer;touch-action:manipulation;line-height:1}
#authView.tuv-login-premium .tuv-lp-password-toggle svg {width:18px;height:18px}
#authView.tuv-login-premium .tuv-lp-password-toggle:hover {background:#f1f4f9;color:#c7041b}
#authView.tuv-login-premium .tuv-lp-password-toggle:focus-visible {outline:2px solid #db142e;outline-offset:0}
#authView.tuv-login-premium #authCard .auth-recovery {text-align:right;margin:-5px 0 22px;line-height:1.5}
#authView.tuv-login-premium #authCard .auth-recovery button {background:none;border:0;box-shadow:none;height:auto;min-height:30px;padding:4px 0;margin:0;color:#cd001a;font-size:12px;font-weight:600;line-height:1.5}
#authView.tuv-login-premium #authCard .auth-recovery button:hover {text-decoration:underline;text-underline-offset:3px}
#authView.tuv-login-premium #authCard form[data-form=login]>.btn[type=submit] {display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:54px;margin:0;padding:14px 19px;background:linear-gradient(112deg,#ef0620,#d9001b);border:1px solid transparent;border-radius:11px;color:#fff;font-weight:650;font-size:14px;box-shadow:0 6px 18px #d80b2114;transition:background .15s,box-shadow .15s}
#authView.tuv-login-premium #authCard form[data-form=login]>.btn[type=submit]:hover:not(:disabled) {background:#c9001c;box-shadow:0 7px 20px #d80b2124}
#authView.tuv-login-premium #authCard form[data-form=login]>.btn:disabled {opacity:.6;cursor:wait}
#authView.tuv-login-premium #authCard form[data-form=login]>.btn svg {width:18px;height:18px}
#authView.tuv-login-premium #authCard form[data-form=login]>.form-error:not(:empty) {display:block;color:#a61a2b;border:1px solid #f1c2ca;background:#fff2f4;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.6;margin:0 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}
#authView.tuv-login-premium .tuv-lp-services {display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:455px;margin:36px 0 0;padding-top:26px;border-top:1px solid #dce3ee;color:#2b3b54}
#authView.tuv-login-premium .tuv-lp-services>div {display:flex;align-items:center;flex-direction:column;position:relative;gap:12px;text-align:center}
#authView.tuv-login-premium .tuv-lp-services>div+div::before {content:"";position:absolute;left:0;top:8px;bottom:5px;width:1px;background:#dce3ee}
#authView.tuv-login-premium .tuv-lp-services svg {width:26px;height:26px}
#authView.tuv-login-premium .tuv-lp-services span {font-size:11px;line-height:1.6}
#authView.tuv-login-premium .auth-help {font-size:10px;line-height:1.7;color:#738096;margin:25px 0 0;max-width:375px}
#authView.tuv-login-premium .tuv-lp-bottom {position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;color:#758198;font-size:9px;line-height:1.5}
#authView.tuv-login-premium .demo-notice {margin-top:20px}
@media(min-width:1800px){
 #authView.tuv-login-premium .tuv-lp-hero-content {padding-left:8vw;padding-top:70px;padding-bottom:50px}
 #authView.tuv-login-premium .tuv-lp-motto {margin-top:34px;margin-bottom:52px}
 #authView.tuv-login-premium .tuv-lp-photo {background-size:60% 100%}
 #authView.tuv-login-premium .tuv-lp-intro {margin-top:30px;margin-bottom:34px}
}
@media(max-width:1100px){
 #authView.tuv-login-premium {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #authView.tuv-login-premium .tuv-lp-hero-content {padding:36px 32px 28px}
 #authView.tuv-login-premium #tuvLoginHero h1 {font-size:46px;letter-spacing:-1.8px}
 #authView.tuv-login-premium .tuv-lp-features {gap:16px}
 #authView.tuv-login-premium .tuv-lp-features>div {gap:13px}
 #authView.tuv-login-premium .tuv-lp-features small {font-size:11px;max-width:220px}
 #authView.tuv-login-premium .tuv-lp-features>div>svg {padding:11px;width:22px;height:22px}
 #authView.tuv-login-premium .tuv-lp-motto {letter-spacing:3px;margin-bottom:35px}
 #authView.tuv-login-premium .tuv-lp-hero-footer small {font-size:8px;letter-spacing:1.8px}
 #authView.tuv-login-premium > .auth-right {padding:95px 28px 78px}
 #authView.tuv-login-premium #authCard>p {font-size:14px}
 #authView.tuv-login-premium .tuv-lp-bottom {left:25px;right:25px;flex-direction:column;gap:3px}
}
@media(max-width:760px){
 #authView.tuv-login-premium {display:block;min-height:100svh}
 #authView.tuv-login-premium #tuvLoginHero {display:none}
 #authView.tuv-login-premium > .auth-right {min-height:100svh;padding:78px 26px 83px;justify-content:center}
 #authView.tuv-login-premium #authCard {max-width:440px;background:none;border:0;padding:0}
 #authView.tuv-login-premium #authCard .auth-mobile-logo {width:107px!important;margin-bottom:28px!important}
 #authView.tuv-login-premium #authCard>h2 {font-size:36px;letter-spacing:-1.3px}
 #authView.tuv-login-premium #authCard>p {font-size:14px;margin-bottom:28px}
 #authView.tuv-login-premium #authCard .tuv-lp-input input {font-size:16px}
 #authView.tuv-login-premium .tuv-lp-panel-label {top:26px;right:26px;font-size:8px;letter-spacing:1.2px}
 #authView.tuv-login-premium .tuv-lp-services {margin-top:31px;padding-top:25px;max-width:440px}
 #authView.tuv-login-premium .auth-help {margin-top:25px;font-size:10px}
 #authView.tuv-login-premium .tuv-lp-bottom {bottom:22px;left:26px;right:26px;font-size:8px;flex-direction:row}
 #authView.tuv-login-premium > .auth-right::after {width:150px;height:150px;opacity:.8}
}
@media(max-width:360px){
 #authView.tuv-login-premium > .auth-right {padding-left:20px;padding-right:20px}
 #authView.tuv-login-premium #authCard>h2 {font-size:32px}
 #authView.tuv-login-premium .tuv-lp-bottom {flex-direction:column}
}
@media(prefers-reduced-motion:reduce){#authView.tuv-login-premium * {transition:none!important;animation:none!important}}
