body {
    background-color: #1a1d23;
    background-image: 
        radial-gradient(at 20% 30%, rgba(74, 144, 226, 0.08) 0px, transparent 50%),
        radial-gradient(at 80% 70%, rgba(56, 178, 172, 0.06) 0px, transparent 50%);
    min-height: 100vh;
}

.card {
    background: rgba(30, 34, 42, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.input-field {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.input-field:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(74, 144, 226, 0.5);
}

.btn-primary {
    background: #4a90e2;
}

.btn-primary:hover {
    background: #5b9fe8;
}

.btn-primary:disabled {
    background: #3a5a80;
    opacity: 0.6;
}

.btn-success {
    background: linear-gradient(135deg, #38b2ac 0%, #319795 100%);
}

.btn-success:hover:not(:disabled) {
    background: linear-gradient(135deg, #4fd1c5 0%, #38b2ac 100%);
}

.btn-success:disabled {
    opacity: 0.7;
}

.info-block {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.quality-btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e0;
    transition: all 0.2s ease;
}

.quality-btn:hover:not(.active) {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.quality-btn.active {
    background: rgba(56, 178, 172, 0.15);
    border-color: #38b2ac;
    color: #e6fffa;
}