/* Settings Page Specific Styles */

.settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.control-group { margin-bottom: 1.5rem; }

label { display: block; margin-bottom: 0.5rem; color: var(--accent); }

input[type="range"] { width: 100%; accent-color: var(--primary); }

.hero-content h1 span {
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
}

#sectiontext {
    font-size: 3rem; margin-bottom: 3rem;
}