.auth-page{--auth-card-h:720px;background:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:40px;display:flex}.auth-card{width:100%;max-width:1080px;height:var(--auth-card-h);background:var(--surface);border-radius:24px;position:relative;overflow:hidden}@property --e{syntax:"<number>";inherits:true;initial-value:0}.auth-card{--e:0;transition:--e .7s cubic-bezier(.65,0,.35,1)}.auth-card[data-mode=register]{--e:1}.auth-blade{pointer-events:none;background:linear-gradient(135deg, var(--navy-hover), var(--navy-deep) 55%, var(--navy));clip-path:polygon(calc(53% - 146% * var(--e)) 0, calc(193% - 146% * var(--e)) 0, calc(193% - 146% * var(--e) + 13% * (1 - 2 * var(--e))) 100%, calc(53% - 146% * var(--e) + 13% * (1 - 2 * var(--e))) 100%);position:absolute;inset:0}.auth-form{align-items:center;height:100%;padding:24px 0;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;overflow-y:auto}.auth-form-login{width:36%;left:5.5%}.auth-form-register{opacity:0;visibility:hidden;width:35%;left:59.5%}.auth-card[data-mode=register] .auth-form-login{opacity:0;visibility:hidden}.auth-card[data-mode=register] .auth-form-register{opacity:1;visibility:visible;transition-delay:.35s}.auth-card[data-mode=login] .auth-form-login{transition-delay:.35s}.auth-form-inner{flex-direction:column;width:100%;display:flex}.auth-brand{color:var(--navy);font-family:var(--font-serif);letter-spacing:-.02em;align-self:flex-start;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;display:inline-flex}.auth-brand .brand-mark{height:34px}.auth-form h2{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--navy);margin:32px 0 0;font-size:24px;font-weight:600;line-height:1.2}.auth-rule{background:var(--navy);width:32px;height:2px;margin:8px 0 16px;display:block}.auth-field{margin-top:12px;display:block;position:relative}.auth-field>span{color:var(--slate);pointer-events:none;transform-origin:0 0;transition:transform .15s var(--ease-out), color .15s;font-size:14px;position:absolute;top:16px;left:0}.auth-field input{border:0;border-bottom:1px solid var(--border-strong);width:100%;min-height:52px;font:inherit;color:var(--ink-soft);background:0 0;border-radius:0;outline:none;padding:22px 40px 6px 0;font-size:15px;display:block}.auth-field:focus-within input{border-bottom:2px solid var(--navy);margin-bottom:-1px}.auth-field:focus-within>span{transform:translateY(-14px)scale(.82)}.auth-field:has(input:not(:placeholder-shown))>span{transform:translateY(-14px)scale(.82)}.auth-field:has(input:valid)>span{transform:translateY(-14px)scale(.82)}.auth-field:focus-within>span{color:var(--navy)}.auth-eye{width:44px;height:44px;color:var(--slate);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;bottom:4px;right:0}.auth-eye:focus-visible,.auth-submit:focus-visible,.auth-form a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:999px}.auth-aside{justify-content:flex-end;display:flex}.auth-aside a,.auth-switch a{min-height:44px;color:var(--navy);align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.auth-aside a:hover,.auth-switch a:hover{text-decoration:underline}.auth-notice{color:var(--ink-soft);margin:4px 0 0;font-size:13px;line-height:1.5}.auth-submit{background:var(--navy);min-height:48px;color:var(--on-navy);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:16px;font-size:14px;font-weight:600;transition:background .15s}.auth-submit:hover{background:var(--navy-hover)}.auth-switch{text-align:center;margin:12px 0 0}.auth-message{height:100%;color:var(--on-navy);pointer-events:none;flex-direction:column;justify-content:center;transition:opacity .3s;display:flex;position:absolute;top:0}.auth-message-login{width:25%;left:70%}.auth-message-register{opacity:0;width:33%;left:5.5%}.auth-card[data-mode=register] .auth-message-login{opacity:0}.auth-card[data-mode=register] .auth-message-register{opacity:1;transition-delay:.35s}.auth-headline{font-family:var(--font-serif);letter-spacing:-.022em;color:var(--on-navy);margin:0;font-size:42px;font-weight:400;line-height:1.06}.auth-headline em{color:var(--bronze);font-style:italic}.auth-sub{color:var(--on-navy);margin:20px 0 0;font-size:13px;line-height:1.6}.auth-hint{color:var(--slate);margin:6px 0 0;font-size:12px}.auth-terms{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;line-height:1.45;display:flex}.auth-terms input{width:20px;height:20px;accent-color:var(--navy);flex:none;margin:0}.auth-terms-links{flex-wrap:wrap;justify-content:center;gap:0 12px;margin:0;display:flex}.auth-terms-links a{min-height:32px;color:var(--navy);text-underline-offset:3px;align-items:center;font-size:12px;font-weight:500;text-decoration:underline;display:inline-flex}.auth-error{color:#b42318;margin:4px 0 0;font-size:13px;line-height:1.5}.auth-or{color:var(--slate);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border-strong);flex:1;height:1px}.auth-google{border:1px solid var(--border-strong);min-height:48px;font:inherit;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.auth-google:hover{background:var(--surface-2)}.auth-google:focus-visible,.auth-switch button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.auth-switch button{min-height:44px;font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.auth-switch button:hover{text-decoration:underline}.auth-terms input:focus-visible{outline:2px solid var(--link);outline-offset:2px}.auth-text-btn{font:inherit;color:var(--navy);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;text-decoration:underline;display:inline}.auth-aside .auth-text-btn{min-height:44px;padding:0 12px;text-decoration:none}.auth-aside .auth-text-btn:hover{text-decoration:underline}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-fine{text-align:center;color:var(--slate);margin:12px 0 0;font-size:11.5px;line-height:1.5}.auth-fine a{text-underline-offset:2px;text-decoration:underline}.auth-single{background:var(--surface);border-radius:24px;flex-direction:column;width:min(440px,100%);padding:36px 32px 40px;display:flex}.auth-single h1{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--navy);margin:28px 0 0;font-size:24px;font-weight:600}.auth-submit-link{justify-content:center;align-items:center;margin-top:16px;display:flex}@media (max-width:919px){.auth-card{grid-template-columns:1fr;height:auto;min-height:0;display:grid}.auth-blade{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),0 100%);height:280px;inset:0 0 auto}.auth-message,.auth-form{grid-area:1/1;width:auto;position:relative;left:auto}.auth-message{z-index:1;height:260px;padding:0 24px 20px}.auth-message-register,.auth-card[data-mode=register] .auth-message-register{width:auto;left:auto}.auth-headline{letter-spacing:-.04em;font-size:30px}.auth-form{height:auto;margin-top:260px;padding:32px 24px 40px;overflow:visible}.auth-form-login,.auth-form-register{width:auto;left:auto}.auth-card[data-mode=register] .auth-form-login,.auth-card[data-mode=login] .auth-form-register{display:none}}@media (max-width:599px){.auth-page{padding:24px 16px}}