.auth{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.auth__bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.auth__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 70% 45%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 60% at 70% 45%,#000 10%,#0000 75%)}.auth__bg:after{content:"";background:radial-gradient(45% 50% at 72%,#c9a96e12,#0000 70%);position:absolute;inset:0}.auth__board{transform-origin:50% 100%;opacity:.5;width:min(760px,70vw);position:absolute;bottom:-26%;left:-8%;transform:perspective(1400px)rotateX(48deg)rotate(-8deg);-webkit-mask-image:linear-gradient(#0000 22%,#000 100%);mask-image:linear-gradient(#0000 22%,#000 100%)}.auth__board .board__piece{display:none}.auth__top{justify-content:space-between;align-items:center;height:72px;display:flex}.auth__back{color:var(--muted);gap:8px;font-size:14px;transition:color .25s;display:inline-flex}.auth__back span{transition:transform .3s var(--ease)}.auth__back:hover{color:var(--text)}.auth__back:hover span{transform:translate(-4px)}.auth__main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:clamp(32px,8vw,128px);padding-block:24px 64px;display:grid}.auth__info{justify-items:start;gap:22px;display:grid}.auth__title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(40px,6vw,80px);font-weight:500;line-height:1}.auth__title em{font-family:var(--font-serif);color:var(--accent);letter-spacing:-.01em;font-style:italic;font-weight:400}.auth__points{border-top:1px solid var(--line);gap:0;width:100%;max-width:440px;margin-top:10px;display:grid}.auth__points li{border-bottom:1px solid var(--line);color:var(--muted);gap:16px;padding:14px 0;font-size:14.5px;display:flex}.auth__points span{color:var(--accent);letter-spacing:.14em;padding-top:3px;font-size:11px}.auth__card{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#151719eb,#0e0f10eb);border-radius:16px;padding:28px;position:relative;box-shadow:0 60px 120px -40px #000000f2,0 0 0 1px #0006}.auth__card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.55;height:1px;position:absolute;top:-1px;left:24px;right:24px}.auth__tabs{background:var(--bg);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:4px;display:grid}.auth__tabs button{height:40px;color:var(--muted);border-radius:999px;font-size:14.5px;font-weight:550;transition:color .25s;position:relative}.auth__tabs button.is-on{color:var(--text)}.auth__tab-bg{background:var(--surface-2);box-shadow:0 0 0 1px var(--line-2) inset;border-radius:999px;position:absolute;inset:0}.auth__tabs button span:last-child{position:relative}.auth__form{gap:20px;display:grid}.auth__fields{gap:18px;display:grid}.field{gap:8px;display:grid}.field__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field__label{letter-spacing:-.005em;font-size:13px;font-weight:550}.field__hint{color:var(--dim);letter-spacing:.06em;font-size:10.5px}.field input{border:1px solid var(--line-2);background:var(--bg);width:100%;height:48px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}.field input::placeholder{color:var(--dim)}.field input:hover{border-color:#f4f1ea3d}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input:user-invalid{border-color:var(--bad)}.auth__pw{position:relative}.auth__pw input{padding-right:48px}.auth__eye{width:40px;height:40px;color:var(--muted);border-radius:8px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:4px;right:4px}.auth__eye:hover{color:var(--text);background:#f4f1ea0d}.auth__error{color:#e6a69f;background:#c9695f14;border:1px solid #c9695f66;border-radius:10px;outline:none;align-items:flex-start;gap:10px;padding:11px 14px;font-size:14px;display:flex;overflow:hidden}.auth__error span{background:var(--bad);color:#190d0b;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:12px;font-weight:700;display:grid}.auth__submit{width:100%;height:52px}.auth__submit:disabled{opacity:.7;cursor:progress;transform:none}.auth__spin{border:2px solid #17140e4d;border-top-color:#17140e;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth__switch{text-align:center;color:var(--muted);font-size:14px}.auth__link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:4px;transition:text-decoration-color .2s,color .2s}.auth__link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.auth__checking{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:12px;display:flex}.auth__welcome{justify-items:start;gap:20px;padding:8px 0;display:grid}.auth__welcome h2{letter-spacing:-.03em;font-size:32px;font-weight:500;line-height:1.1}.auth__welcome em{font-family:var(--font-serif);color:var(--accent);font-style:italic;font-weight:400}@media (max-width:900px){.auth__main{grid-template-columns:1fr;align-content:start;gap:32px;padding-top:8px}.auth__info{gap:14px}.auth__title{font-size:clamp(36px,10vw,52px)}.auth__points{display:none}.auth__card{border-radius:14px;padding:20px}.auth__board{opacity:.35}}