.auth{background:var(--cream);grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.auth__art{background:radial-gradient(90% 70% at 50% 45%, #1f1f1f, var(--ink) 70%);color:var(--white);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth__logo img{width:auto;height:34px}.auth__rings{fill:none;stroke:#f5f4ef8c;stroke-width:1.2px;width:min(80%,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.auth__rings path{transform-origin:200px 176px;transform-box:view-box}.auth__quote{letter-spacing:-.02em;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.15;position:relative}.auth__quote em{color:var(--sage)}.auth__panel{place-items:center;padding:80px 24px 40px;display:grid;position:relative}.auth__back{color:#555;transition:color var(--t-quick);font-size:14px;position:absolute;top:28px;left:32px}.auth__back:hover{color:var(--ink)}.auth__box{width:min(400px,100%)}.auth__mark{width:46px;height:auto;margin-bottom:26px}.auth__box header h1{margin-bottom:8px}.auth__box header p{color:#555;margin-bottom:30px}.btn-google{background:var(--white);width:100%;height:54px;box-shadow:inset 0 0 0 1px var(--line-light), 0 1px 2px #0e0e0e0a;transition:box-shadow var(--t-base) var(--ease-out), transform var(--t-quick);border-radius:999px;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex}.btn-google:hover{box-shadow:inset 0 0 0 1px #0e0e0e40,0 10px 30px -18px #0e0e0e66}.btn-google:active{transform:scale(.98)}.auth__divider{color:var(--gray);align-items:center;gap:14px;margin:24px 0;font-size:13px;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--line-light);flex:1;height:1px}.auth__form{gap:16px;display:grid}.auth__form label{gap:6px;font-size:14px;font-weight:600;display:grid}.auth__form input{background:var(--white);height:52px;box-shadow:inset 0 0 0 1px var(--line-light);font:inherit;color:var(--ink);transition:box-shadow var(--t-base) var(--ease-out);border:0;border-radius:14px;padding:0 18px;font-size:16px;font-weight:400}.auth__form input:focus{box-shadow:inset 0 0 0 2px var(--sage-deep);outline:none}.auth__pass{position:relative}.auth__eye{color:#555;border-radius:8px;height:28px;padding:0 10px;font-size:13px;position:absolute;bottom:12px;right:12px}.auth__eye:hover{background:var(--cream)}.btn--dark{--bg:var(--ink);--fg:var(--white)}.btn--dark:before{background:var(--sage)}.btn[disabled]{opacity:.6;pointer-events:none}.auth__link{color:var(--sage-deep);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.auth__forgot{justify-self:start;margin-top:-6px;font-size:14px}.auth__msg{color:#a13d3d;min-height:0;font-size:14px}.auth__msg:empty{display:none}.auth__msg.is-ok{color:var(--sage-deep)}.auth__switch{text-align:center;color:#555;margin-top:26px;font-size:15px}.auth__legal{color:var(--gray);text-align:center;margin-top:20px;font-size:12.5px}.auth__legal a{text-decoration:underline}[data-show]{display:none}.auth[data-mode=login] [data-show~=login],.auth[data-mode=register] [data-show~=register],.auth[data-mode=forgot] [data-show~=forgot],.auth[data-mode=reset] [data-show~=reset],.auth[data-mode=sent] [data-show~=sent]{display:revert}.auth[data-mode] label[data-show]{display:none}.auth[data-mode=login] label[data-show~=login],.auth[data-mode=register] label[data-show~=register],.auth[data-mode=forgot] label[data-show~=forgot],.auth[data-mode=reset] label[data-show~=reset]{display:grid}@media (width<=860px){.auth{grid-template-columns:1fr}.auth__art{min-height:220px;padding:24px}.auth__rings{width:260px;left:auto;right:-40px;transform:translate(-10%,-50%)}.auth__quote{font-size:24px}.auth__panel{padding-top:40px}.auth__back{display:none}}
