*,:after,:before{box-sizing:border-box}body,html{margin:0}:root{--signal:#c24a2b;--signal-tint:rgba(194,74,43,0.07);--signal-line:rgba(194,74,43,0.38)}.auth{min-height:100vh;display:flex;justify-content:center;padding:56px 24px;position:relative}.auth,.auth-back{align-items:center}.auth-back{position:absolute;top:22px;left:24px;display:inline-flex;gap:10px;font-size:13px;color:var(--steel-600)}.auth-back:hover{color:var(--ink)}.auth-back .a-arrow{width:18px;height:1px;background:currentColor;position:relative}.auth-back .a-arrow:after,.auth-back .a-arrow:before{content:"";position:absolute;left:0;top:50%;width:7px;height:1px;background:currentColor;transform-origin:left center}.auth-back .a-arrow:after{transform:translateY(-50%) rotate(40deg)}.auth-back .a-arrow:before{transform:translateY(-50%) rotate(-40deg)}.card{width:100%;max-width:392px}.card-brand{display:flex;align-items:center;gap:11px;justify-content:center}.card-brand .mark{width:30px;height:37px;color:var(--ink)}.card-brand .wordmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.01em;display:inline-flex;align-items:baseline}.card-brand .wordmark .light{font-weight:500;color:var(--steel-600)}.card-head{text-align:center;margin-top:34px}.card-head .eyebrow{display:inline-block;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-500);line-height:1}.card-head h1{font-family:var(--font-display);font-weight:700;font-size:32px;letter-spacing:-.03em;line-height:1.06;margin:12px 0 0}.card-head p{color:var(--steel-600);font-size:15px;line-height:1.5;margin:12px auto 0;max-width:34ch}.auth form{margin-top:30px;gap:20px}.auth form,.field{display:flex;flex-direction:column}.field{gap:8px;position:relative}.field label{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-600)}.field-input{position:relative;display:flex;align-items:center}.field input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--steel-200);padding:12px 0;font-size:17px;color:var(--ink);border-radius:0;outline:none;transition:border-color var(--dur-base) var(--ease)}.field input::placeholder{color:var(--steel-400)}.field input:focus{border-bottom-color:var(--ink)}.field.has-error input{border-bottom-color:var(--signal-line)}.field input[type=password]{padding-right:56px}.reveal-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--steel-500);transition:color var(--dur-fast) var(--ease)}.reveal-btn:hover{color:var(--ink)}.reveal-btn svg{width:20px;height:20px;display:block}.reveal-slash{display:none}.reveal-btn.is-on .reveal-slash{display:block}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-2px}.checkbox{display:inline-flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 0}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox .box{width:20px;height:20px;border:1px solid var(--steel-400);display:grid;place-items:center;flex:0 0 auto;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.checkbox .box svg{width:12px;height:12px;opacity:0;transform:scale(.7);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);color:#fff}.checkbox input:checked+.box{background:var(--ink);border-color:var(--ink)}.checkbox input:checked+.box svg{opacity:1;transform:scale(1)}.checkbox input:focus-visible+.box{outline:2px solid var(--ink);outline-offset:2px}.checkbox .txt{font-size:14px;color:var(--steel-700)}.link-quiet{font-size:13.5px;color:var(--steel-600);white-space:nowrap;transition:color var(--dur-fast) var(--ease)}.link-quiet:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.form-error{display:none;align-items:flex-start;gap:10px;border:1px solid var(--signal-line);background:var(--signal-tint);padding:13px 14px;color:var(--signal);font-size:13.5px;line-height:1.45;margin-top:-4px}.form-error.show{display:flex}.form-error .dot{width:6px;height:6px;background:var(--signal);flex:0 0 auto;margin-top:5px}.btn-submit{width:100%;background:var(--ink);color:var(--white);border:1px solid var(--ink);padding:16px 20px;font-size:15px;font-weight:500;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:0;cursor:pointer;transition:transform var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.btn-submit:hover{transform:translateY(-1px)}.btn-submit .arrow{width:20px;height:1px;background:currentColor;position:relative;display:inline-block;transition:width .3s var(--ease)}.btn-submit .arrow:after,.btn-submit .arrow:before{content:"";position:absolute;right:0;top:50%;width:8px;height:1px;background:currentColor;transform-origin:right center}.btn-submit .arrow:after{transform:translateY(-50%) rotate(40deg)}.btn-submit .arrow:before{transform:translateY(-50%) rotate(-40deg)}.btn-submit:hover .arrow{width:30px}.btn-submit[disabled]{cursor:default;opacity:.62}.btn-submit[disabled]:hover{transform:none}.btn-submit .spinner{display:none;width:15px;height:15px;border:1.5px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}.btn-submit.loading .arrow{display:none}.btn-submit.loading .spinner{display:inline-block}@keyframes auth-spin{to{transform:rotate(1turn)}}.card-foot{margin-top:30px;padding-top:22px;border-top:1px solid var(--line-on-light);text-align:center}.card-foot p{font-size:13px;color:var(--steel-500);line-height:1.5}.card-foot a{color:var(--steel-700)}.card-foot a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.ok-mark{width:54px;height:54px;border:1px solid var(--steel-300);display:grid;place-items:center;margin:0 auto}.ok-mark svg{width:24px;height:24px;color:var(--ink)}@media (max-width:560px){.auth{align-items:flex-start;padding:34px 22px}.auth-lang{top:18px;right:18px}.card{margin-top:8px}.card-head h1{font-size:28px}.auth-back{position:static;margin-bottom:24px}}