*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#000}.split-container{min-height:130vh}#particles-js{background:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.form-group{position:relative}.form-control{border:2px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.8rem 1rem;transition:all .3s ease}.form-control:focus{background-color:hsla(0,0%,100%,.05);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.form-group label{font-size:.9rem;left:1rem;padding:0 .5rem;position:absolute;top:0;transform:translateY(-50%);transition:all .3s ease}.form-control::placeholder{color:hsla(0,0%,100%,.5)}.form-check{margin-bottom:1rem;margin-top:1rem;padding-left:2rem}.form-check-input{border:2px solid hsla(0,0%,100%,.2);border-radius:4px;cursor:pointer;height:1.2rem;margin-left:-2rem;position:absolute;width:1.2rem}.form-check-input:checked:after{color:#000;content:"✓";font-size:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.invalid-feedback{color:#f44;font-size:.85rem;margin-top:.5rem}.form-control:focus+label{color:#fff;font-weight:500}.form-control:disabled{background-color:hsla(0,0%,100%,.1);cursor:not-allowed}.auth-form{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);border-radius:12px;padding:2rem}.form-control:hover{border-color:hsla(0,0%,100%,.4)}.form-control[required]+label:after{color:#f44;content:"*";margin-left:4px}.left-side{background-color:#000}.login-form{margin:0 auto}.form-control{border:1px solid #fff;margin-bottom:1rem}.form-control:focus{background-color:transparent;box-shadow:none;color:#fff}.btn-custom{border-radius:50px;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.btn-login,.btn-register{color:#000;margin:.5rem;text-decoration:none}.btn-login:hover,.btn-register:hover{color:#666}.logo-upload-form{margin-top:10px}.file-input{max-width:200px}.tab-content{display:none}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:10px 20px;transition:background .3s}.btn-comiti{background-color:#07b0ad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:large;font-size:14px;padding:8px 16px;text-align:center;text-decoration:none}.btn-comiti:hover{background:var(#057b79)}.tab-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 2px 5px var(--shadow-color);color:var(--text-color);margin-top:10px;padding:20px}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:.15em solid;border-radius:.15em;font:inherit;height:1.15em;width:1.15em}input[type=checkbox]:before{box-shadow:inset 1em 1em currentColor;content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}input[type=checkbox]:checked:before{transform:scale(1)}.form-check label{cursor:pointer}.alert-danger{color:red}.forgot-password a{color:#666}.forgot-password a:hover{color:#333}.forgot-password-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:10px}.split-container{display:flex;min-height:100vh}.left-side{background-color:#07b0ad;color:#fff;position:relative}.left-side,.right-side{align-items:center;display:flex;justify-content:center;padding:2rem;width:50%}.right-side{background-color:#fff;color:#000}.login-form{max-width:400px;position:relative;width:100%}.btn-back{color:#fff;font-size:1.5rem;left:0;padding:.5rem;position:absolute;text-decoration:none;top:-20px;transition:opacity .3s ease}.btn-back:hover{color:#fff;opacity:.8}.title{font-size:1.8rem;margin:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-control{background-color:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:5px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#fff;outline:none}.form-control::placeholder{color:hsla(0,0%,100%,.7)}.form-options{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.form-check,.form-options{align-items:center;display:flex}.form-check{gap:.5rem}.form-check-input{background-color:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:3px;height:18px;width:18px}.form-check-input:checked{background-color:#fff;border-color:#fff}.form-check-label{color:#fff;cursor:pointer;font-size:.9rem}.forgot-password a{color:hsla(0,0%,100%,.8);font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-password a:hover{color:#fff;text-decoration:underline}.btn-premium{background-color:#fff;border:none;border-radius:5px;color:#07b0ad;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.btn-premium:hover{background-color:hsla(0,0%,100%,.9);transform:translateY(-2px)}.container{text-align:center}.container img{border-radius:15px;margin-bottom:2rem;max-width:200px}.btn-container{margin-top:1rem}.btn-login{background-color:#07b0ad;border-radius:5px;display:inline-block;padding:.75rem 1.5rem;transition:background-color .3s ease}.btn-login,.btn-login:hover{color:#fff;text-decoration:none}.btn-login:hover{background-color:#058b88}.alert-danger{background-color:rgba(248,215,218,.2);border:1px solid rgba(245,198,203,.5);border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}@media screen and (max-width:768px){.split-container{flex-direction:column!important;min-height:100vh!important}.left-side{min-height:60vh!important}.left-side,.right-side{padding:1rem!important;width:100%!important}.right-side{min-height:40vh!important}.login-form{max-width:100%!important;padding:0!important}.container{text-align:center!important}.container img{margin-bottom:1rem!important;max-width:150px!important}}.welcome-container{height:100vh;margin:2rem auto;max-width:800px;padding:2rem}.welcome-content{margin-top:2rem}.container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header-section{text-align:center}.header-section,form{margin-bottom:30px}form>div{display:flex;gap:10px;margin-bottom:20px}form input[type=text]{border:1px solid #ddd;border-radius:5px;flex:1;font-size:16px;padding:15px}.domains-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.domain-cotisations,.domain-creation,.domain-evenements{background:#fff;border:2px solid #07b0ad;border-radius:8px;padding:20px}.domain-cotisations h3,.domain-creation h3,.domain-evenements h3{color:#07b0ad;margin:0 0 15px}.domain-buttons{display:flex;flex-direction:column;gap:8px}.shortcut-btn{background:#fff;border:1px solid #07b0ad;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s ease-in-out}.shortcut-btn:hover{background:#f8fdfd;border-color:#05a09d;box-shadow:0 4px 8px rgba(7,176,173,.15);transform:translateY(-2px) scale(1.02)}.answer-section{background:#f8fff8;border-left:4px solid #28a745;border-radius:0 8px 8px 0;margin:30px 0;padding:25px}.answer-section h3{color:#28a745;margin-top:0;padding:10px}.answer-content{font-size:18px;line-height:1.7;white-space:pre-wrap}.answer-tip{background:#fff3cd;border-radius:5px;font-size:14px;margin-top:25px;padding:15px}.spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:none;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.btn-comiti.loading .spinner{display:inline-block}.btn-comiti.loading .btn-label{visibility:hidden}.footer{background-color:#07b0ad;bottom:0;color:#fff;padding:10px;position:sticky;text-align:center;z-index:100}