.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.auth-overlay.active{opacity:1;visibility:visible;background-color:transparent}.auth-section{max-width:500px;width:90%;margin:20px auto;background:#1e1e1ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #444;border-radius:8px;padding:40px;position:relative;z-index:1001;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 10px 25px #00000080}.auth-overlay.active .auth-section{transform:translateY(0)}.auth-tabs{display:flex;margin-bottom:30px;border-bottom:1px solid #333}.auth-tab{background:transparent;color:#aaa;border:none;padding:10px 20px;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative}.auth-tab.active{color:#fff}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#fff}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#aaa}.form-group input{width:100%;padding:12px 15px;background:#111;border:1px solid #333;color:#fff;font-family:Montserrat,sans-serif;font-size:14px}.form-group input:focus{outline:none;border-color:#fff}.auth-btn{width:100%;padding:15px;background:#fff;color:#000;border:none;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-btn:hover{background:#000;color:#fff;outline:1px solid #fff}