.auth-page{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100dvh;display:flex}.auth-center{flex-direction:column;align-items:center;gap:16px;display:flex}.auth-header{justify-content:center;align-items:center;gap:24px;margin-bottom:8px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.auth-toggle-btn{border:2px solid var(--text-primary);width:60px;height:30px;box-shadow:4px 4px var(--text-primary);background-color:var(--bg-surface);cursor:pointer;border-radius:5px;padding:0;transition:background-color .3s;position:relative}.auth-toggle-btn:hover{background-color:var(--bg-hover)}.auth-toggle-slider{border:2px solid var(--text-primary);background-color:var(--bg-surface);width:22px;height:22px;box-shadow:0 3px 0 var(--text-primary);border-radius:5px;transition:transform .3s;display:block;position:absolute;top:1px;left:-2px}.auth-toggle-slider.on{transform:translate(32px)}.auth-toggle-btn:active{box-shadow:0px 0px var(--text-primary);transform:translate(2px,2px)}.auth-toggle-btn:active .auth-toggle-slider{box-shadow:0 1px 0 var(--text-primary)}.auth-card-wrap{perspective:1000px;width:300px;height:340px;transition:height .4s;position:relative}.auth-card-wrap.tall{height:420px}.auth-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.auth-card-inner.flipped{transform:rotateY(180deg)}.auth-face{background:var(--bg-surface);border:2px solid var(--text-primary);width:100%;height:100%;box-shadow:4px 4px var(--text-primary);backface-visibility:hidden;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;top:0;left:0}.auth-face-back{transform:rotateY(180deg)}.auth-title{text-align:center;color:var(--text-primary);margin:10px 0;font-size:25px;font-weight:900}.auth-form{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-input{border:2px solid var(--text-primary);background-color:var(--bg-primary);width:250px;height:40px;box-shadow:4px 4px var(--text-primary);color:var(--text-primary);border-radius:5px;outline:none;padding:5px 10px;font-size:15px;font-weight:500}.auth-input::placeholder{color:var(--text-muted);opacity:.8}.auth-input:focus{border:2px solid var(--accent)}.auth-pw-wrap{width:250px;position:relative}.auth-pw-wrap .auth-input{width:100%;padding-right:40px}.auth-pw-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-pw-toggle:hover{color:var(--text-primary)}.auth-btn{border:2px solid var(--text-primary);background-color:var(--bg-primary);width:120px;height:40px;box-shadow:4px 4px var(--text-primary);color:var(--text-primary);cursor:pointer;border-radius:5px;margin:10px 0;font-size:17px;font-weight:600}.auth-btn:active{box-shadow:0px 0px var(--text-primary);transform:translate(3px,3px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--error);text-align:center;font-size:13px}.auth-footer{color:var(--text-muted);margin-top:8px;font-size:12px}.auth-input::-webkit-credentials-auto-fill-button{display:none!important}.auth-input[data-webkit-autofill]{-webkit-text-fill-color:var(--text-color)!important}