.auth{z-index:1;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.auth__nav{padding:22px 0}.auth__nav .wrap{justify-content:space-between;align-items:center;display:flex}.auth__back{color:var(--text-3);align-items:center;gap:6px;font-size:13px;transition:color .15s;display:inline-flex}.auth__back:hover{color:var(--text-2)}.auth__main{align-content:center;place-items:center;padding:48px 24px 64px;display:grid;position:relative}.auth__glow{pointer-events:none;background:radial-gradient(420px 320px at 50% 36%,#6ee7d21a,#0000 70%),radial-gradient(560px 400px at 50% 36%,#c4b5fd0d,#0000 75%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}.auth__card{background:linear-gradient(180deg, var(--surface) 0%, #0c1320 100%);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:36px 36px 28px;position:relative;box-shadow:inset 0 1px #ffffff05,0 24px 60px -20px #0009,0 0 0 1px #6ee7d20a}.auth__card:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:.6;background:linear-gradient(#6ee7d21f,#0000 28%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth__title{letter-spacing:-.02em;color:var(--text);margin:0 0 22px;font-size:24px;font-weight:600}.auth__subtitle{color:var(--text-2);margin:-16px 0 22px;font-size:14px;line-height:1.55}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__error{border-radius:var(--radius-sm);color:var(--danger);background:#fb718514;border:1px solid #fb718566;gap:10px;margin:0 0 16px;padding:10px 12px;font-size:13px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-3);font-size:11px}.field__input,.field__pwwrap>input{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);border-radius:var(--radius-sm);background:#060a12;outline:none;padding:12px 14px;font-size:14px;line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s}.field__input::placeholder,.field__pwwrap>input::placeholder{color:var(--text-4)}.field__input:hover,.field__pwwrap>input:hover{border-color:var(--border-2)}.field__input:focus,.field__pwwrap>input:focus{border-color:var(--accent);background:#070c15;box-shadow:0 0 0 3px #6ee7d21f,0 0 0 1px #6ee7d259}.field__pwwrap{position:relative}.field__pwwrap>input{padding-right:44px}.field__pwtoggle{width:36px;height:32px;color:var(--text-3);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field__pwtoggle:hover{color:var(--text);background:#ffffff0a}.field__pwtoggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field__row{justify-content:space-between;align-items:center;display:flex}.field__forgot{color:var(--text-3);font-size:12.5px;transition:color .15s}.field__forgot:hover{color:var(--accent)}.field__check{color:var(--text-2);cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.field__check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}.field__check a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.field__check a:hover{color:var(--accent)}.auth__submit{justify-content:center;width:100%;margin-top:6px;padding:13px 18px;font-size:14.5px}.auth__divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:22px 0 18px;display:grid}.auth__divider:before,.auth__divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-2), transparent);height:1px}.auth__divider span{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-3);font-size:10.5px}.auth__github{background:var(--surface);border-color:var(--border-2);justify-content:center;width:100%;padding:12px 18px;font-weight:500}.auth__github:hover{background:var(--surface-2);border-color:var(--border-3)}.auth__github svg{color:var(--text)}.auth__consent{text-align:center;color:var(--text-4);margin:10px 0 0;font-size:12px;line-height:1.5}.auth__consent a{color:var(--text-3);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.auth__consent a:hover{color:var(--text-2)}.auth__signup{text-align:center;color:var(--text-3);margin:22px 0 0;font-size:13px}.auth__signup a{color:var(--text-2);border-bottom:1px solid #0000;transition:color .15s,border-color .15s}.auth__signup a:hover{color:var(--accent);border-color:#6ee7d259}.auth__foot{border-top:1px solid var(--border);color:var(--text-4);padding:22px 0;font-size:12px}.auth__foot .wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth__foot a{color:var(--text-3)}.auth__foot a:hover{color:var(--text-2)}.auth__foot ul{gap:22px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:520px){.auth__card{border-radius:12px;padding:28px 22px 22px}.auth__title{font-size:22px}.auth__foot .wrap{flex-direction:column;align-items:flex-start}.field__input,.field__pwwrap>input{font-size:16px}}@media (pointer:coarse){.field__pwtoggle{width:44px;height:44px}}
