.autumn-auth-page.family-auth-page{--auth-screen-height:var(--auth-viewport-height,100dvh);overscroll-behavior:none;background:#f5f5f0;width:100%;height:100%;min-height:0;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.autumn-auth-stage{top:var(--auth-viewport-top,0px);width:100%;height:var(--auth-screen-height);min-height:0;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;left:0;container:auth-viewport/size}.autumn-auth-art{pointer-events:none;background:url(/images/auth/autumn-background-mobile-v3.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (min-aspect-ratio:1){.autumn-auth-art{background-image:url(/images/auth/autumn-background-desktop-v3.webp)}}.autumn-auth-page .auth-layout{z-index:1;background:linear-gradient(145deg,#fff 35%,#f2f9ff);border:2px solid #a4e0ff;border-radius:clamp(24px,6vw,32px);flex-direction:column;width:min(100%,480px);height:auto;min-height:0;max-height:100%;margin:0;display:flex;position:relative;inset:auto;box-shadow:0 0 0 3px #ffffffb3,0 16px 48px #694c3c30;container-type:inline-size}.autumn-auth-page .auth-layout .auth-panel{scrollbar-width:thin;scrollbar-color:#b5dcfa transparent;overscroll-behavior:contain;border-radius:5cqw;flex:1;align-self:stretch;width:100%;min-height:0;max-height:100%;margin:0;padding:6cqw;overflow-y:auto}.autumn-auth-page .auth-layout .auth-panel-phone{overscroll-behavior:none;flex-direction:column;justify-content:safe center;display:flex;overflow:hidden}.autumn-auth-page .auth-layout .auth-heading{margin:0 0 3.6cqw}.autumn-auth-page .auth-layout .auth-heading h1{color:#001846;letter-spacing:-.035em;font-size:clamp(26px,7.7cqw,41px);line-height:1.04}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading{text-align:center}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading h1{font-size:clamp(28px,10.8cqw,49px)}.autumn-auth-page .auth-layout .auth-heading p{color:#455e83;max-width:none;margin:2.5cqw 0 0;font-size:clamp(13px,3.6cqw,18px);line-height:1.22}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading p{white-space:nowrap;font-size:clamp(12px,3.65cqw,19px);font-family:var(--font-gilroy-display), sans-serif;font-weight:800}.autumn-auth-page .auth-layout .auth-form label{color:#001846;margin:0 0 1.5cqw;font-size:clamp(13px,3.8cqw,19px)}.autumn-auth-page .auth-layout :is(.phone-input,.otp-input,.pin-input){background:#fff;border:2px solid #06f;border-radius:clamp(13px,3.5cqw,20px);height:clamp(44px,11.5cqw,62px);box-shadow:0 1px #d7efff}.autumn-auth-page .auth-layout .phone-input{gap:6px;padding:0 3.5cqw}.autumn-auth-page .auth-layout .phone-input :is(input,span){font-size:clamp(16px,4.6cqw,24px)}.autumn-auth-page .auth-layout .phone-input input{letter-spacing:.015em;width:100%}.autumn-auth-page .auth-layout .phone-input:focus-within,.autumn-auth-page .auth-layout :is(.otp-input,.pin-input):focus{box-shadow:0 0 0 3px #b9ddff}.autumn-auth-page .auth-layout .primary-button{background:linear-gradient(#20b9ff -20%,#0075ff 42%,#0056e8 100%);border:1px solid #0079ff;border-radius:clamp(14px,4cqw,22px);width:100%;min-height:clamp(44px,11.7cqw,63px);margin-top:3.4cqw;padding:8px 14px;font-size:clamp(16px,4.7cqw,25px);position:relative;box-shadow:inset 0 2px 2px #a1e8ff,inset 0 -2px 2px #0046d0,0 4px 8px #0066ff1a}.autumn-auth-page .auth-layout .primary-button svg{flex-shrink:0;width:5cqw;height:5cqw}.autumn-auth-page .auth-layout .auth-panel-phone .primary-button svg{position:absolute;right:4cqw}.autumn-auth-page .auth-layout .auth-welcome-footer{color:#547298;text-align:center;margin:3cqw 0 0;font-size:clamp(11px,3.3cqw,17px);line-height:1.2}.autumn-auth-page .auth-layout .back-link{background:#ffffffec;border-radius:12px;min-height:28px;margin:0;padding:0 8px;font-size:12px;position:absolute;top:-33px;left:0}.autumn-auth-page .auth-layout .auth-vk-button{font-size:clamp(13px,3.5cqw,18px)}.autumn-auth-page .auth-layout .auth-panel-code .auth-heading{margin-bottom:8px}.autumn-auth-page .auth-layout .auth-panel-code .auth-heading p{margin-top:6px;font-size:12px}.autumn-auth-page .auth-layout .auth-panel-code .primary-button{margin-top:8px}.autumn-auth-page .auth-layout .role-grid{gap:2.5cqw}.autumn-auth-page .auth-layout .role-card{border-radius:4cqw;grid-template-columns:10cqw minmax(0,1fr) 18px;gap:2.5cqw;min-height:17cqw;padding:2.5cqw}.autumn-auth-page .auth-layout .role-card-icon{border-radius:3cqw;width:10cqw;height:10cqw}.autumn-auth-page .auth-layout .role-card-icon svg{width:5.5cqw}.autumn-auth-page .auth-layout .role-card strong{font-size:clamp(17px,4.7cqw,24px)}.autumn-auth-page .auth-layout .auth-panel-role{flex-direction:column;justify-content:safe center;display:flex}.autumn-auth-page .auth-layout .pin-symbol{width:10cqw;height:10cqw;margin:0 auto 3cqw}.autumn-auth-page .auth-layout .pin-symbol svg{width:6cqw;height:6cqw}.autumn-auth-page .auth-layout .auth-panel-create-pin{flex-direction:column;justify-content:safe center;display:flex}.autumn-auth-page .auth-layout .secondary-link{min-height:32px;margin-top:2cqw;font-size:12px}.autumn-auth-page .auth-layout .form-note{margin-top:2.5cqw;font-size:12px}.autumn-auth-page .auth-layout .form-error{margin:6px 0 0;font-size:12px}.autumn-auth-page .auth-layout .auth-card-skeleton{border-radius:5cqw;width:100%;min-height:300px}@media (max-width:350px){.autumn-auth-page .auth-layout .auth-panel{padding-top:2.5cqw;padding-bottom:2.5cqw}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading{margin-bottom:3cqw}}@container auth-viewport (max-height:520px){.autumn-auth-page .auth-layout .auth-panel-phone{padding:12px 20px}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading{margin-bottom:12px}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading h1{font-size:28px;line-height:1}.autumn-auth-page .auth-layout .auth-panel-phone .auth-heading p{margin-top:6px;font-size:12px}.autumn-auth-page .auth-layout .auth-panel-phone .auth-form label{margin-bottom:6px;font-size:13px}.autumn-auth-page .auth-layout .auth-panel-phone .phone-input{height:44px}.autumn-auth-page .auth-layout .auth-panel-phone .primary-button{min-height:44px;margin-top:8px;font-size:16px}.autumn-auth-page .auth-layout .auth-panel-phone .auth-welcome-footer{margin-top:6px;font-size:11px}}@container auth-viewport (max-height:360px){.autumn-auth-page .auth-layout .auth-panel-phone .auth-welcome-footer{display:none}}.autumn-auth-page .login-request-code{background:#f5f8fc;border:1px solid #cbdced;border-radius:18px;justify-items:center;gap:8px;margin:20px 0;padding:18px;display:grid}.autumn-auth-page .login-request-code span{color:#60728c;font-size:13px}.autumn-auth-page .login-request-code strong{letter-spacing:.12em;color:#26486f;font-size:30px}.autumn-auth-page .auth-panel-approval .form-note{text-align:center;line-height:1.5}