.cta-btn,.or-text,.social-login{text-align:center}.auth-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.auth-popup.show{display:flex;opacity:1}.auth-container{background-color:#fdfbf6;width:90%;max-width:400px;border-radius:8px;padding:25px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(.9);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.auth-forms,.tab-btn{padding:10px 0}.auth-popup.show .auth-container{transform:scale(1);opacity:1}.close-btn{position:absolute;top:5px;right:10px;font-size:35px;cursor:pointer;color:#333;font-weight:lighter}.password-field,.tab-btn{position:relative}.tab-btn,.toggle-password{color:#999;cursor:pointer;font-size:16px}.auth-tabs{display:flex;justify-content:space-between;border-bottom:2px solid #eee;margin-bottom:20px}.tab-btn{flex:1;background:0 0;border:none;font-family:Poppins,sans-serif;transition:color .3s}.tab-btn:hover{color:#555}.tab-btn.active{color:#000}.tab-btn.active::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:orange}.cta-btn:hover::after,.social-btn.google:hover::after{content:"";width:300%;height:300%;top:50%;left:50%;animation:.6s linear ripple}.tab-content{display:none}.tab-content.active{display:block}.auth-form{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.auth-form input[type=password],.auth-form input[type=text]{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:10px;font-family:Poppins,sans-serif}.cta-btn,.social-btn{border:none;font-family:Poppins,sans-serif}.toggle-password{position:absolute;right:45px;top:45%;transform:translateY(-50%)}.cta-btn{background-color:#ffde59;color:#000;padding:12px;font-size:16px;border-radius:10px;cursor:pointer;transition:background .3s,transform .3s}.cta-btn:hover::after{background-color:#ffc107;transform:scale(1.02);position:absolute;background:rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%) scale(0)}.or-text{font-size:14px;color:#666;margin-bottom:10px}.social-btn,.social-btn.google{color:#fff;cursor:pointer;display:flex}.social-login{justify-content:center}.social-btn{align-items:center;justify-content:center;gap:5px;border-radius:10px;padding:8px 12px;font-size:14px;transition:opacity .3s}.social-btn.google{background-color:#db4437;text-decoration:none;padding:10px 20px;font-size:16px;border:none;position:relative;overflow:hidden;align-items:center;justify-content:center}.social-btn.google:hover::after{position:absolute;background:rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%) scale(0)}@keyframes ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.social-btn:hover{opacity:.9}@media (max-width:480px){.auth-container{width:95%;padding:15px}.cta-btn,.tab-btn{font-size:14px}}