@import url('./proposal-fonts.css');
html{color-scheme:dark}body{font-family:Manrope,'Segoe UI',sans-serif;background:#121316}
.access-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;max-width:none;min-height:100svh;margin:0;padding:20px}
.login-cinema{position:relative;min-height:calc(100svh - 40px);border-radius:16px;overflow:hidden;background:#22242b;isolation:isolate}
.login-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}
.login-cinema:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#090e19 0%,#0b132699 30%,#10121a15 65%)}
.login-brand{position:absolute;top:40px;left:44px}.login-brand img{width:154px;height:auto}
.login-highlight-copy{position:absolute;bottom:112px;left:40px;right:40px;text-align:right}
.login-highlight-copy h2{font-size:clamp(26px,2.4vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
.login-highlight-copy p{margin:0;color:#e6e8ff;font-size:14px}
.login-highlight-footer{position:absolute;bottom:26px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.login-highlight-footer p{font-size:11px;max-width:26ch;text-align:right;color:#d4d9ed}
.highlight-controls{display:flex;gap:8px}.highlight-controls button{border-radius:50%;width:44px;height:44px;min-height:44px;padding:10px;background:#12131688;border:1px solid #70768e}
.highlight-controls svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.login-access{position:relative;min-width:0;padding:100px clamp(24px,6.5vw,100px) 56px;display:flex;flex-direction:column;justify-content:center}
.login-local-link{position:absolute;top:24px;right:32px;font-size:12px;color:var(--lumix-muted)}
.access-options{max-width:390px;width:100%;margin:auto}.welcome-symbol{margin-bottom:24px}
.access-options h1{font-size:36px;line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0 0 20px}
.access-options .access-description{font-size:16px;line-height:1.7;margin:0 0 34px;color:#cdd0e5}
.login-providers{display:grid;gap:12px}.provider{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:14px 20px;font-size:14px;line-height:1.4;font-weight:600;border-radius:12px}
.provider svg{width:20px;height:20px;flex:none}.provider span:not(.provider-arrow){text-align:left}.provider-arrow{margin-left:auto}
.provider.primary:not(:disabled){background:#f1f2fa;color:#121316}.provider:disabled{background:#1b1d24;color:#b9bdd0;opacity:1}
.access-options .status{font-size:12px;line-height:1.65;margin-top:12px}.access-help{margin-top:24px;padding-top:24px;border-top:1px solid var(--lumix-line);font-size:12px}
.access-help summary{min-height:44px;cursor:pointer;color:#d3d5e7;display:flex;align-items:center;justify-content:space-between;gap:14px}
.access-help summary:after{content:"+";font-size:20px}.access-help[open] summary:after{content:"−"}.access-help summary:focus-visible{outline:3px solid var(--lumix-cyan);outline-offset:5px}
.access-help p{font-size:13px}.tv-access{margin-top:0;padding-top:8px;border-top:none}
.access-footer{font-size:11px;justify-content:center;border:0;padding:36px 0 0;color:#c4c7df}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.access-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);padding:12px}.login-cinema{min-height:calc(100svh - 24px)}.login-access{padding-left:28px;padding-right:28px}.login-brand{left:24px;top:28px}.login-highlight-copy{left:24px;right:24px}.login-highlight-footer{left:24px;right:24px}.login-highlight-footer p{display:none}}
@media(max-width:650px){.access-layout{display:flex;flex-direction:column;padding:0}.login-cinema{height:280px;min-height:280px;border-radius:0}.login-backdrop{object-position:center 36%}.login-brand{top:24px;left:24px}.login-brand img{width:126px}.login-highlight-copy{bottom:60px;left:24px;right:24px}.login-highlight-copy h2{font-size:24px;max-width:25ch;margin-left:auto}.login-highlight-copy p{font-size:11px}.login-highlight-footer{bottom:12px;left:20px;right:20px}.login-access{padding:56px 28px 28px}.login-local-link{top:16px;right:28px}.welcome-symbol{display:none}.access-options h1{font-size:30px}.access-options .access-description{margin-bottom:24px}.access-footer{padding-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.login-backdrop{opacity:1;transition:opacity 900ms ease-in-out}.login-backdrop.incoming{opacity:0}.login-cinema:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#b99df524,#4cd7f61c)}
@media(prefers-reduced-motion:reduce){.login-backdrop{transition:none}}