.auth-scene{isolation:isolate;background:var(--web-page);min-height:100svh;color:var(--web-text);flex-direction:column;display:flex;position:relative;overflow:clip}.auth-art{z-index:-2;background:url(/images/site/invitation-studio.webp) 100%/auto 100% no-repeat;position:absolute;inset:0}.auth-art:after{content:"";background:linear-gradient(90deg, var(--web-page) 0%, color-mix(in srgb, var(--web-page) 96%, transparent) 36%, color-mix(in srgb, var(--web-page) 12%, transparent) 64%, transparent 100%);position:absolute;inset:0}.auth-header{z-index:3;justify-content:space-between;align-items:center;gap:16px;width:min(100% - 80px,1440px);margin-inline:auto;padding-block:26px;display:flex;position:relative}.auth-header-actions{background:color-mix(in srgb, var(--web-surface) 94%, transparent);border-radius:4px;align-items:center;gap:18px;padding:4px 10px;display:flex}.auth-header-actions>a{justify-content:center;min-width:36px;min-height:40px}.auth-main{flex:1;align-items:center;width:min(100% - 80px,1216px);margin-inline:auto;padding-block:24px 44px;display:flex}.auth-letter{width:420px;max-width:100%;animation:.65s cubic-bezier(.2,.7,.2,1) both auth-unfold}.auth-letter-mark{align-items:center;gap:20px;height:66px;margin-bottom:28px;display:flex}.auth-letter-rule{background:var(--web-border);width:64px;height:1px}.auth-envelope{isolation:isolate;background:var(--studio-selected);border:1px solid color-mix(in srgb, var(--studio-accent) 28%, var(--web-border));perspective:240px;border-radius:3px;width:58px;height:40px;position:relative}.auth-envelope-letter{z-index:-1;background:var(--web-surface);border:1px solid var(--web-border);border-top:3px solid var(--studio-accent);border-radius:2px;animation:.85s .18s both auth-letter-rise;position:absolute;inset:4px 7px}.auth-envelope-pocket{background:var(--studio-selected);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);position:absolute;inset:0}.auth-envelope-flap{background:var(--studio-line-light);clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:top;animation:.65s both auth-flap;position:absolute;inset:-1px}.auth-letter h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:36px;font-weight:500;line-height:1.25}.auth-letter h1+p{color:var(--web-muted);margin-top:12px;margin-bottom:28px;line-height:1.7}.auth-letter form{gap:18px;display:grid}.auth-letter form>*{margin-block:0}.auth-letter .field{background:var(--web-surface);border-color:var(--web-border);min-height:48px;color:var(--web-text);box-shadow:none;border-radius:4px}.auth-letter .field:focus{border-color:var(--studio-accent);outline:2px solid color-mix(in srgb, var(--studio-accent) 14%, transparent);outline-offset:1px;box-shadow:none}.auth-password{display:block;position:relative}.auth-password .field{padding-right:48px}.auth-password>button{width:42px;height:42px;color:var(--web-muted);border-radius:4px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.auth-password>button:hover{color:var(--studio-strong);background:var(--studio-soft)}.auth-password-rules{color:var(--web-muted);flex-wrap:wrap;gap:6px 14px;padding-top:8px;font-size:11px;display:flex}.auth-password-rules li{align-items:center;gap:4px;display:inline-flex}.auth-password-rules li svg{opacity:.35}.auth-password-rules li[data-met=true]{color:var(--studio-strong)}.auth-password-rules li[data-met=true] svg{opacity:1}.auth-letter .auth-submit{isolation:isolate;background:var(--web-primary);width:100%;min-height:50px;color:var(--web-on-primary);box-shadow:none;background-image:none;border:0;border-radius:4px;justify-content:space-between;gap:16px;padding-inline:18px;transition:background-color .2s;display:flex;position:relative;overflow:hidden}.auth-letter .auth-submit:hover{background:var(--web-primary-hover);box-shadow:none;transform:scale(1)}.auth-letter .auth-submit:before{display:none}.auth-submit-copy{text-align:left;white-space:normal}.auth-submit-icon{flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.auth-submit[data-auth-state=pending]{opacity:1;cursor:wait}.auth-submit[data-auth-state=pending] .auth-submit-icon{animation:1.5s ease-in-out infinite auth-send}.auth-submit[data-auth-state=pending]:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 30%, var(--studio-line-light) 40% 50%, transparent 60% 100%);background-size:200% 100%;height:2px;animation:1.5s linear infinite auth-postmark;position:absolute;inset:auto 0 0}.auth-scene:has(.auth-submit[data-auth-state=pending]) .auth-envelope-letter{animation:1.5s ease-in-out infinite auth-mail-wait}.auth-error{color:#9f1239;overflow-wrap:anywhere;background:#fff1f2;border:1px solid #fda4af;border-radius:4px;gap:10px;padding:12px;font-size:13px;line-height:1.6;display:flex}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-error:focus{outline-offset:3px;outline:2px solid #e11d48}.auth-letter a:focus-visible,.auth-letter button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.auth-letter input[type=checkbox]{flex-shrink:0;width:16px;height:16px}.auth-footer{width:min(100% - 80px,1216px);color:var(--web-muted);margin-inline:auto;padding-bottom:24px;font-size:11px;line-height:1.7}.auth-footer p{max-width:420px}@keyframes auth-unfold{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes auth-flap{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes auth-letter-rise{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes auth-send{0%,15%{opacity:1;transform:translate(0)}65%{opacity:0;transform:translate(22px,-18px)}66%{opacity:0;transform:translate(-16px,12px)}to{opacity:1;transform:none}}@keyframes auth-postmark{to{background-position:-200% 0}}@keyframes auth-mail-wait{0%,to{transform:translateY(-15px)}50%{transform:translateY(-20px)}}@media (min-width:1600px){.auth-art{background-size:cover}}@media (max-width:1023px){.auth-art{opacity:.35;background-size:auto 100%}.auth-art:after{background:color-mix(in srgb, var(--web-page) 80%, transparent)}.auth-main{justify-content:center}.auth-footer p{text-align:center;margin-inline:auto}}@media (max-width:600px){.auth-header{gap:8px;width:calc(100% - 40px);padding-block:20px}.auth-header-actions{gap:6px}.auth-header-actions>a{font-size:12px}.auth-main{align-items:start;width:calc(100% - 48px);padding-block:34px 36px}.auth-letter h1{font-size:30px}.auth-letter-mark{margin-bottom:24px}.auth-art{opacity:.2;background-position:64% bottom}.auth-footer{width:calc(100% - 48px);padding-bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-width:359px){.auth-header{width:calc(100% - 32px)}}html:has(.auth-registration){scrollbar-width:none}html:has(.auth-registration) body{scrollbar-width:none}html:has(.auth-registration)::-webkit-scrollbar{display:none}html:has(.auth-registration) body::-webkit-scrollbar{display:none}.auth-scene:has(.auth-registration){min-height:100dvh}.auth-scene:has(.auth-registration) .auth-header{padding-block:10px}.auth-scene:has(.auth-registration) .auth-main{padding-block:8px 12px}.auth-scene:has(.auth-registration) .auth-letter-mark{height:32px;margin-bottom:14px}.auth-scene:has(.auth-registration) .auth-envelope{width:42px;height:29px}.auth-registration h1{font-size:30px;line-height:1.2}.auth-registration h1+p{margin-top:8px;margin-bottom:14px;font-size:13px;line-height:1.5}.auth-registration form{gap:10px}.auth-registration .field{height:44px;min-height:44px;padding-block:9px;font-size:16px}.auth-registration .auth-password>button{width:38px;height:38px}.auth-registration .auth-password-rules{gap:4px 12px;padding-top:5px;font-size:10px}.auth-registration .registration-captcha-image,.auth-registration .registration-captcha-image img{height:48px}.auth-registration .registration-captcha-image-row>button{width:44px;height:44px}.auth-registration form>label{font-size:12px;line-height:1.5}.auth-registration .auth-submit{min-height:44px;padding-block:9px}.auth-registration form>p:last-child{font-size:12px;line-height:1.5}.auth-registration form>p:last-child>a{margin-inline-start:4px}.auth-scene:has(.auth-registration) .auth-footer{padding-bottom:max(8px, env(safe-area-inset-bottom));font-size:10px;line-height:1.5}@media (max-height:780px){.auth-scene:has(.auth-registration) .auth-letter-mark{display:none}.auth-registration form{gap:8px}.auth-registration h1{font-size:28px}.auth-registration h1+p{margin-bottom:12px}}@media (max-width:600px){.auth-scene:has(.auth-registration) .auth-main{align-items:center;width:calc(100% - 40px)}.auth-scene:has(.auth-registration) .auth-header{padding-block:8px}.auth-scene:has(.auth-registration) .auth-footer{width:calc(100% - 40px)}}@media (prefers-reduced-motion:reduce){.auth-scene *,.auth-scene :before,.auth-scene :after{transition:none!important;animation:none!important}.auth-envelope-flap{transform:rotateX(180deg)}.auth-envelope-letter{transform:translateY(-15px)}}