.settings-container{max-width:500px;margin:40px auto;padding:32px 28px;background:linear-gradient(135deg,#000000e6,#2d1b69e6);border-radius:18px;box-shadow:0 8px 32px #7c4dff4d;border:1px solid rgba(124,77,255,.2)}.settings-container h2{color:#fff;text-align:center;margin-bottom:24px;font-weight:700;font-size:2em;letter-spacing:1px}.settings-form{display:flex;flex-direction:column;gap:18px}.settings-form label{color:#fff;font-size:1.08em;font-weight:500;margin-bottom:4px}.settings-form select,.settings-form input[type=text]{padding:10px 14px;border-radius:8px;border:1.5px solid #2196f3;font-size:1em;margin-bottom:8px;background:#fff;transition:border-color .2s}.settings-form input[type=text]:focus,.settings-form select:focus{border-color:#7c4dff;background:#e3f2fd}.settings-form input[type=checkbox]{margin-right:8px;accent-color:#7c4dff;transform:scale(1.2)}.settings-form hr{border:none;border-top:2px solid #b39ddb;margin:18px 0}.settings-btn{background:linear-gradient(90deg,#e53935 60%,#7c4dff);color:#fff;border:none;border-radius:8px;padding:10px 0;font-size:1em;font-weight:600;cursor:pointer;margin-bottom:8px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #e5393517;width:100%}.settings-btn:hover{background:linear-gradient(90deg,#2196f3 60%,#e53935);box-shadow:0 4px 16px #2196f32e}.save-settings-btn{background:linear-gradient(90deg,#7c4dff 60%,#2196f3);color:#fff;border:none;border-radius:10px;padding:14px 0;font-size:1.15em;font-weight:700;cursor:pointer;margin-top:12px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #7c4dff1f;width:100%}.save-settings-btn:hover{background:linear-gradient(90deg,#2196f3 60%,#7c4dff);box-shadow:0 4px 16px #2196f32e}