#sectionDialog.auth-glass{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #ffffff50;border-radius:32px;background:linear-gradient(135deg,#ffffff26,#ffffff06 45%,#ffffff15),#152027a8;color:#fff;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #ffffff25,0 28px 90px #0007;overflow:auto;isolation:isolate}
#sectionDialog.auth-glass::backdrop{background:#08101566;backdrop-filter:blur(5px)}
.auth-glass #sectionContent{position:relative;padding:38px 32px 32px;overflow:hidden;border-radius:inherit}
.auth-glass #sectionContent>*:not(.auth-reflections){position:relative;z-index:1}
.auth-glass .auth-mark{font-size:17px;font-weight:900;letter-spacing:2px;margin-bottom:22px}.auth-mark span{color:#ff414b}
.auth-glass #sectionTitle{font-size:27px;line-height:1.2;margin:0 0 24px;letter-spacing:-.6px}
.auth-glass .dialog-close{z-index:3;top:14px;right:14px;background:#ffffff12;border:1px solid #ffffff25;border-radius:50%;color:white}
.auth-tabs{display:flex;gap:4px;padding:4px;margin-bottom:24px;background:#06101950;border:1px solid #ffffff20;border-radius:30px}
.auth-glass .auth-tabs button{flex:1;padding:10px 8px;border:0;background:transparent;color:#dee7ed;border-radius:24px;font-size:14px;box-shadow:none}
.auth-glass .auth-tabs button.primary{background:#ffffff23;color:#fff;box-shadow:inset 0 1px 0 #ffffff50,0 3px 12px #0002}
.auth-glass #authForm label{font-size:14px;color:#f1f5f8}
.auth-glass #authForm input{box-sizing:border-box;min-height:48px;padding:12px 15px;border:1px solid #ffffff35;border-radius:15px;background:#08121c65;color:#fff;box-shadow:inset 0 1px 4px #0002;font-size:16px}
.auth-glass #authForm input:focus{outline:2px solid #ffffffa0;outline-offset:2px;background:#101f2ad9}.auth-glass #authForm input::placeholder{color:#b5c1c9}
.auth-glass #authForm small{color:#d4dfe5;font-size:var(--site-text-size,14px)}.auth-glass #authForm .primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:28px;background:#ec202c;color:white;border:1px solid #ff6570;box-shadow:inset 0 1px 1px #ffffff40}
.auth-glass #authForm button:disabled{opacity:.6;cursor:wait}.auth-glass #authError:empty{display:none}
/* Perspective scene: roadside lamps recede into the rear-view horizon. */
.auth-reflections{position:relative!important;height:195px;margin:-32px -40px 26px;overflow:hidden;border-radius:25px 25px 45% 45% / 20px 20px 12px 12px;pointer-events:none;background:#09131e;box-shadow:0 1px 0 #b5d5eb45}
.auth-reflections svg{width:100%;height:100%;display:block}
.auth-reflections:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#dbf1ff12,transparent 32%,#c3e4ff07 70%,transparent),linear-gradient(0deg,#060d1650,transparent 45%);box-shadow:inset 0 0 35px #02060c99;pointer-events:none}
.mirror-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#c9d9e59c;font-size:var(--site-text-size,14px);letter-spacing:3px}
.road-frame{animation:road-recede 7.2s linear infinite;transform-origin:0 0;animation-play-state:paused}
.auth-glass[open] .road-frame{animation-play-state:running}
@keyframes road-recede{0%{transform:scale(2.8);opacity:0}5%{opacity:.85}20%{transform:scale(1.05);opacity:1}40%{transform:scale(.52)}60%{transform:scale(.31);opacity:.85}80%{transform:scale(.2);opacity:.55}100%{transform:scale(.14);opacity:0}}
.following-car{animation:car-follow 9s ease-in-out infinite;transform-origin:320px 132px}
@keyframes car-follow{0%,100%{transform:translateX(-3px) scale(.9)}50%{transform:translateX(4px) scale(1.05)}}
#sectionDialog.auth-glass{width:min(520px,calc(100vw - 28px));border:4px solid #303a43;border-radius:32px;background:linear-gradient(155deg,#293844,#0d1720 55%,#14202a);box-shadow:0 0 0 1px #80919c80,inset 0 2px 2px #effaff40,0 25px 90px #000b}
.auth-glass #sectionContent{padding:32px 40px 30px}.auth-glass #authForm input{background:#071019cf}.auth-glass .auth-tabs{background:#071019a8}.auth-glass #sectionTitle{font-size:25px;margin-bottom:18px}.auth-glass .auth-mark{display:none}.auth-glass .dialog-close{background:#0b1528d9}
@media(max-width:480px){.auth-glass #sectionContent{padding:26px 22px 24px}.auth-reflections{height:160px;margin:-26px -22px 22px}.auth-glass #sectionTitle{font-size:23px}#sectionDialog.auth-glass{border-width:3px;border-radius:27px}}
@media(prefers-reduced-motion:reduce){.auth-glass .road-frame{animation:none;transform:scale(.45)}.auth-glass .road-frame:nth-child(2n){transform:scale(.2)}.following-car{animation:none}}

.auth-reflections canvas{display:block;width:100%;height:100%}.auth-reflections{height:215px;background:#030711}.auth-reflections:after{background:linear-gradient(117deg,#dcefff0d,transparent 30%,transparent 65%,#cce7ff08);box-shadow:inset 0 0 28px #0008}.mirror-caption{font-size:var(--site-text-size,14px);opacity:.7}@media(max-width:480px){.auth-reflections{height:170px}}

/* Зеркало заднего вида: сцена в верхней части с рамкой и креплением, форма ниже на «панели». */
#sectionDialog.auth-glass{width:min(540px,calc(100vw - 24px));border:0;border-radius:30px;padding:0;background:linear-gradient(180deg,#1a2129,#0f1419 40%,#0b0f13);box-shadow:0 0 0 1px #2c353d,0 30px 90px #000c;overflow:visible}
#sectionDialog.auth-glass::backdrop{background:#04070aa8;backdrop-filter:blur(8px)}
#sectionDialog.auth-glass #sectionContent{padding:0 36px 34px;overflow:visible;border-radius:inherit}
#sectionDialog.auth-glass .auth-reflections{position:relative!important;inset:auto;width:calc(100% + 24px);height:200px;margin:22px -12px 26px;border-radius:22px 22px 28px 28px/22px 22px 40px 40px;border:5px solid #1f262d;box-shadow:0 0 0 1px #4a545d,inset 0 0 0 1px #0a0d10,inset 0 18px 30px #0008,0 18px 40px #0009;background:#05070c;overflow:hidden;pointer-events:none;z-index:1}
#sectionDialog.auth-glass #sectionContent::before{content:"";position:absolute;left:50%;top:0;width:18px;height:26px;margin-left:-9px;background:linear-gradient(90deg,#12171c,#3d474f 45%,#12171c);border-radius:0 0 5px 5px;box-shadow:0 0 0 1px #0a0d10;z-index:0}
#sectionDialog.auth-glass #sectionContent{position:relative}
#sectionDialog.auth-glass .auth-reflections::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff14 0,#ffffff03 28%,transparent 45%,transparent 70%,#ffffff06);box-shadow:inset 0 0 30px #0006;pointer-events:none}
#sectionDialog.auth-glass .auth-reflections canvas{display:block;width:100%;height:100%}
#sectionDialog.auth-glass .mirror-caption{display:block;bottom:8px;font-size:11px;letter-spacing:4px;color:#cfe0ee55}
#sectionDialog.auth-glass .auth-mark{display:none}
#sectionDialog.auth-glass #sectionTitle{color:#fff;font-size:25px;margin:0 0 16px;text-shadow:none}
#sectionDialog.auth-glass .dialog-close{top:14px;right:14px;z-index:3;background:#ffffff14;border:1px solid #ffffff22;color:#fff}
#sectionDialog.auth-glass .auth-tabs{background:#05080c;border:1px solid #2a333b;backdrop-filter:none;-webkit-backdrop-filter:none}
#sectionDialog.auth-glass .auth-tabs button.primary{background:#ffffff1c}
#sectionDialog.auth-glass #authForm label{color:#e6edf2;text-shadow:none}
#sectionDialog.auth-glass #authForm input{background:#05080c;border-color:#2e3841;backdrop-filter:none;-webkit-backdrop-filter:none}
#sectionDialog.auth-glass #authForm input:focus{outline-color:#ed2027}
#sectionDialog.auth-glass #authForm .primary{background:#ed2027;border-color:#ff5b64;box-shadow:0 8px 24px #ed202744,inset 0 1px 1px #ffffff40}
@media(max-width:480px){#sectionDialog.auth-glass{border-radius:24px}#sectionDialog.auth-glass #sectionContent{padding:0 18px 24px}#sectionDialog.auth-glass .auth-reflections{height:160px;width:calc(100% + 12px);margin:20px -6px 20px;border-width:4px}}

/* Registration keeps consent separate from the policy and optional analytics. */
#sectionDialog.auth-glass #authForm input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;margin-top:6px}
#sectionDialog.auth-glass #authForm .auth-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-top:4px;font-size:14px}
#sectionDialog.auth-glass #authForm .auth-consent input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:2px 0 0;padding:0;accent-color:#ed2027;border-radius:4px}
#sectionDialog.auth-glass #authForm a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#sectionDialog.auth-glass #authForm .auth-policy{margin:0;color:#cbd5df;font-size:14px;line-height:1.5}
#sectionDialog.auth-glass #authForm a:focus-visible{outline:2px solid #fff;outline-offset:3px}
#sectionDialog.auth-register .auth-reflections,#sectionDialog.auth-register #sectionContent::before{display:none!important}
#sectionDialog.auth-register #sectionContent{padding:28px 32px 24px}
#sectionDialog.auth-register #authForm{gap:10px!important}
#sectionDialog.auth-glass #authForm label{margin-bottom:0}
#sectionDialog.auth-register .auth-tabs{margin-bottom:16px}
#sectionDialog.auth-register #sectionTitle{padding-right:28px}
#sectionDialog.auth-register #authError:empty{display:none}
@media(max-width:480px){#sectionDialog.auth-register #sectionContent{padding:24px 18px}}