.auth-modal[hidden]{display:none}.auth-modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px}.auth-backdrop{position:absolute;inset:0;background:rgba(22,20,29,.74);backdrop-filter:blur(5px)}.auth-card{position:relative;width:min(100%,440px);background:#f5f3ed;padding:38px;border-radius:16px;box-shadow:12px 12px 0 #c8f148}.auth-card h2{font-size:47px;line-height:.9;letter-spacing:-.07em;margin:0 0 24px}.auth-card h2 em{font-family:Georgia,serif;font-weight:400;color:#6d55f6}.auth-close{position:absolute;right:17px;top:13px;font-size:26px;border:0;background:none;cursor:pointer}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid #d7d3c9;margin-bottom:20px}.auth-tabs button{padding:0 0 9px;border:0;background:none;color:#6e6c73;font-weight:800;cursor:pointer}.auth-tabs .active{color:#1b1a21;border-bottom:2px solid #6d55f6}.auth-card label{display:block;font-size:12px;font-weight:800;margin:14px 0}.auth-card input{display:block;width:100%;border:1px solid #d7d3c9;border-radius:7px;padding:12px;margin-top:7px;background:#fff;font:14px Manrope}.auth-card .button{width:100%;margin-top:9px}.auth-message{font-size:11px;line-height:1.45;color:#6e6c73;min-height:30px}.auth-message.error{color:#a63728}.auth-message.success{color:#256331}