body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 0;overflow-y:auto}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.auth-wrapper{position:relative;z-index:10;width:100%;max-width:420px;padding:20px;display:flex;flex-direction:column;align-items:center}.auth-header{text-align:center;margin-bottom:2rem;width:100%}.auth-logo{width:80px;height:80px;border-radius:50%;margin-top:10px}.back-link{display:block;color:var(--color-texto-secundario);text-decoration:none;font-size:.9rem;margin-bottom:1rem;align-self:flex-start}.auth-container{padding:2rem;width:100%;border-radius:24px;background:#1e282db3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);max-height:95vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-eco) transparent}.auth-container::-webkit-scrollbar{width:6px}.auth-container::-webkit-scrollbar-thumb{background:#72b04d80;border-radius:10px}.auth-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.auth-tab{flex:1;padding:10px;background:none;border:none;color:var(--color-texto-secundario);font-weight:700;cursor:pointer;transition:all .3s;font-family:var(--font-heading)}.auth-tab.active{color:var(--color-eco);border-bottom:2px solid var(--color-eco)}.auth-form{display:none;animation:fadeIn .4s ease}.auth-form.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form h2{font-size:1.5rem;margin-bottom:.5rem}.auth-form p{color:var(--color-texto-secundario);font-size:.9rem;margin-bottom:1.5rem}.input-group{margin-bottom:1.2rem}.input-group label{display:block;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.input-wrapper{position:relative}.input-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff6}.input-wrapper input{width:100%;padding:12px 15px 12px 45px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:var(--font-body)}.input-wrapper input:focus{outline:none;border-color:var(--color-eco);background:#ffffff1a;box-shadow:0 0 10px #72b04d33}.auth-btn{width:100%;margin-top:1rem;padding:12px}.auth-message{margin-top:1.5rem;padding:12px;border-radius:8px;font-size:.9rem;display:none;text-align:center}.auth-message.success{display:block;background:#72b04d1a;color:var(--color-eco);border:1px solid var(--color-eco)}.auth-message.error{display:block;background:#e74c3c1a;color:#ffd2d2;border:1px solid #e74c3c}.auth-textarea{width:100%;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:inherit;min-height:100px;resize:vertical;transition:all .3s}.auth-textarea:focus{outline:none;border-color:var(--color-eco);background:#ffffff1a}.profile-pic-upload{display:flex;justify-content:center;margin-bottom:25px}.avatar-preview{width:100px;height:100px;border-radius:50%;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;color:var(--color-texto-secundario)}.avatar-preview:hover{border-color:var(--color-eco);background:#72b04d1a;color:var(--color-eco);transform:scale(1.05)}.avatar-preview i{font-size:1.5rem;margin-bottom:5px}.avatar-preview span{font-size:.7rem;font-weight:600}.avatar-preview img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.avatar-preview .overlay-edit{position:absolute;bottom:0;left:0;width:100%;background:#0009;color:#fff;font-size:.65rem;text-align:center;padding:3px 0;z-index:3;opacity:0;transition:opacity .2s}.avatar-preview:hover .overlay-edit{opacity:1}.social-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.5rem;padding:12px;background:#ffffff0d;border-radius:12px;position:relative;z-index:1;min-height:64px;align-items:center}.social-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.social-btn:hover{transform:scale(1.1);background:#ffffff1a}.social-btn.active{background:var(--color-eco);border-color:var(--color-eco);box-shadow:0 0 15px #72b04d4d}.social-btn.facebook.active{background:#1877f2;border-color:#1877f2}.social-btn.instagram.active{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent}.social-btn.whatsapp.active{background:#25d366;border-color:#25d366}.social-btn.x-twitter.active{background:#000;border-color:#333}.social-btn.youtube.active{background:red;border-color:red}.social-inputs-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.social-input-group{display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.social-input-group label{margin-bottom:0!important;width:30px;text-align:center;font-size:1.1rem!important}.social-input-group input{flex:1;padding:8px 12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.85rem}.social-input-group input:focus{outline:none;border-color:var(--color-eco)}.required-badge{color:#ff6b6b;font-size:.7rem;margin-left:5px;text-transform:uppercase;font-weight:700}