:root{--accent-color-main:#FA9F42;--accent-color-rgb:250,159,66;--container-bg:rgba(30, 45, 68, 0.6);--input-bg:rgba(15, 23, 42, 0.7);--text-light:#E0E0E2;--text-secondary:#bdcbde;--success-color:#28a745;--error-color:#dc3545}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-control,.password-input input{width:100%;height:44px;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(var(--accent-color-rgb),.3);background:var(--input-bg);color:var(--text-light);font-size:1rem;transition:all .3s ease;box-sizing:border-box}textarea.form-control{min-height:120px;height:auto;resize:vertical}.form-control:focus,.password-input input:focus{outline:0;border-color:rgba(var(--accent-color-rgb),.8);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.3)}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.form-control.is-valid,.password-input input.is-valid{border-color:var(--success-color)}.form-control.is-invalid,.password-input input.is-invalid{border-color:var(--error-color)}.error-message,.success-message{display:none;font-size:.85rem;margin-top:.4rem;opacity:0;transition:opacity .3s}.error-message{color:var(--accent-color-main)}.success-message{color:var(--success-color)}.form-group-checkbox{display:flex;align-items:center;gap:.75rem;background:var(--input-bg);padding:.75rem;border-radius:8px;border:1px solid rgba(var(--accent-color-rgb),.2)}.form-group-checkbox input{width:auto;accent-color:var(--accent-color-main)}.form-group-checkbox label{margin-bottom:0;cursor:pointer}.form-group.terms{display:flex;align-items:center}.form-group.terms input{margin-right:.75rem}.form-group.terms label{margin-bottom:0;font-size:.9rem}.form-group.terms a{color:var(--accent-color-main);text-decoration:none}.form-group.terms a:hover{text-decoration:underline}.password-input{position:relative}.password-input input{padding-right:3rem}.toggle-password{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary)}.password-strength{margin-top:.5rem}.strength-bar{width:100%;height:5px;background-color:#333;border-radius:5px;overflow:hidden;transition:width .3s ease}.strength-text{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem}.btn,.btnn,.signup-button{width:100%;padding:.9rem 1.5rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn-primary,.btnn,.signup-button{background:var(--accent-color-main);color:#1e2d44}.btn-primary:hover:not(:disabled),.btnn:hover:not(:disabled),.signup-button:hover:not(:disabled){background:var(--text-light);transform:translateY(-2px)}.btn-secondary{background:0 0;border:1px solid rgba(var(--accent-color-rgb),.5);color:var(--accent-color-main)}.btn-secondary:hover{background:rgba(var(--accent-color-rgb),.1);color:var(--text-light)}.btn-delete,.btnn-delete{background:#dc3545;color:#fff}.btn-delete:hover,.btnn-delete:hover{background:#ff4d4d}.btn:disabled,.btnn:disabled,.signup-button:disabled{opacity:.6;cursor:not-allowed}.btn-google{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:#fff;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%}.btn-google:hover{background-color:#f1f1f1;box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-google img{width:20px;height:20px;margin-right:12px}.dashboard-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:1400px;margin:80px auto;padding:0 1.5rem;align-items:start;width:100%}.main-content{grid-column:2/-1;display:grid;gap:1.5rem;width:100%}.section,.upload-container{background:var(--container-bg);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.3)}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--accent-color-rgb),.2);color:#fff}.login-signup-main{display:flex;justify-content:center;align-items:center;padding:20px 20px 40px}.login-signup-container{width:100%;max-width:900px;display:grid;grid-template-columns:1fr 1fr;background:var(--container-bg);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden}.panel{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.panel h2{font-size:1.8rem;color:#fff;margin-bottom:.75rem}.panel p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.listener-panel{text-align:center;border-right:1px solid rgba(var(--accent-color-rgb),.2)}.creator-separator{text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.9rem}.signup-main{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px 20px 40px}.signup-container{width:800px;background:var(--container-bg);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-color-rgb),.2);padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.signup-header p{color:var(--text-secondary)}.account-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.account-type-option input{display:none}.account-type-option .option-content{padding:1rem .5rem;border:2px solid rgba(var(--accent-color-rgb),.3);border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--input-bg)}.account-type-option .option-content .icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.account-type-option input:checked+.option-content{border-color:var(--accent-color-main);background-color:rgba(var(--accent-color-rgb),.1);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.3);color:var(--accent-color-main)}.account-type-option input:disabled+.option-content{opacity:.5;cursor:not-allowed}.login-link{text-align:center;margin-top:1.5rem}.login-link a{color:var(--accent-color-main);font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:1050;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal-backdrop.show{display:flex;opacity:1}.modal-content{background:var(--container-bg);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:15px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.5);width:90%;max-width:600px;transform:scale(.95);transition:transform .3s ease}.modal-backdrop.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(var(--accent-color-rgb),.2);padding-bottom:1rem;margin-bottom:1rem}.modal-header h2{color:var(--accent-color-main);margin:0;font-size:1.5rem}.modal-close-btn{background:0 0;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0}.modal-body li,.modal-body p{color:var(--text-light);line-height:1.6}.modal-body ul{padding-left:20px;margin-top:1rem}.modal-footer{text-align:right;margin-top:2rem}.modal-footer button{padding:.7rem 1.5rem;border:none;border-radius:8px;background:var(--accent-color-main);color:#1e2d44;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.modal-footer button:hover{background:var(--text-light)}.form-message{display:none;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid}.form-message.error{background:rgba(220,53,69,.1);color:#dc3545;border-color:#dc3545}.form-message.success{background:rgba(40,167,69,.1);color:#28a745;border-color:#28a745}.character-count{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;text-align:right}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}.main-content{grid-column:1}.login-signup-container{grid-template-columns:1fr}.listener-panel{border-right:none;border-bottom:1px solid rgba(var(--accent-color-rgb),.2)}}@media (max-width:768px){.account-type-selector{grid-template-columns:1fr}.signup-container{width:100%}}